3D Glasses customizations

by Milan Gladiš

HTML

<div class="wrapper">
  <div class="sidebar">
    <div class="customizer">
      <div class="-category" id="frame">
        <div class="-items">
          <div class="-item" id="frame_light"><img src="https://uploads-ssl.webflow.com/5e4d24a55370e9395163cf0a/5e6f55895cbcc55a1a2d0b9e_glasses-frame_light.png" alt=""></div>
          <div class="-active"></div>
          <div class="-item -dark" id="frame_dark"><img src="https://uploads-ssl.webflow.com/5e4d24a55370e9395163cf0a/5e6f558946f556b6361bfb30_glasses-frame_dark.png" alt=""></div>
        </div>
        <div class="-title">Frame</div>
      </div>
      <div class="-category" id="temples">
        <div class="-items">
          <div class="-item" id="temples_light"><img src="https://uploads-ssl.webflow.com/5e4d24a55370e9395163cf0a/5e6f55895cbcc597a82d0b9f_glasses-temples_light.png" alt=""></div>
          <div class="-active"></div>
          <div class="-item -dark" id="temples_dark"><img src="https://uploads-ssl.webflow.com/5e4d24a55370e9395163cf0a/5e6f5589a2ae972d0633d97a_glasses-temples_dark.png" alt=""></div>
        </div>
        <div class="-title">Temples</div>
      </div>
      <div class="-category" id="lenses">
        <div class="-items">
          <div class="-item" id="lens_light"><img src="https://uploads-ssl.webflow.com/5e4d24a55370e9395163cf0a/5e6f5589a2ae97e5e133d976_glasses-lenses_light.png" alt=""></div>
          <div class="-active"></div>
          <div class="-item -dark" id="lens_dark"><img src="https://uploads-ssl.webflow.com/5e4d24a55370e9395163cf0a/5e6f558946f55621d81bfb31_glasses-lenses_dark.png" alt=""></div>
        </div>
        <div class="-title">Lenses</div>
      </div>
    </div>
  </div>
  <div class="content">
    <!-- <vctr-viewer id="glasses" model="48a43295-10d4-4270-945f-be1af02f2c44" hdr="studio1" turntable="0" gesturehandling="superior" exposure="1.5" zoom="0" enableapi="1" showinteractionprompt="0"></vctr-viewer> -->
    <vctr-viewer id="glasses"...