<main id="main-section" class="main u-page-width-max">
    <div class="l-b2b-heading">
        <h1 class="shopping-cart__title">Your Cart</h1>
    </div>
    <div class="l-b2b-shopping-cart--b2b">
        <div class="shopping-cart js-shopping-cart">
            <h2 class="shopping-cart__title shopping-cart__title--secondary">Non-Prescription (3)</h2>
            <table class="shopping-cart__items">
                <thead class="shopping-cart__items-header">
                    <tr class="shopping-cart__items-header-row">
                        <td class="shopping-cart__items-header-cell">Maui Jim (1)</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--items">Product Information</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--price">Price</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--qty">Quantity</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--total">Total</td>
                    </tr>
                </thead>
                <tbody class="shopping-cart__items-body">
                    <tr class="shopping-cart__item ">
                        <td class="shopping-cart__item-image-col">
                            <a href="#202-02"><img class="shopping-cart__item-image" src="https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$&amp;wid&#x3D;225" alt="Gloss Black"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">PEAHI</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Gloss Black</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> Neutral Grey</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> 202-02</span>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty">
                                <div class="form-item form-item--select">
                                    <div class="select-wrapper">
                                        <select id="" name="shopping-cart-qty" class="select js-select">
      <option value="1" >1</option>
      <option value="2" >2</option>
      <option value="3" >3</option>
      <option value="4" >4</option>
      <option value="5" >5</option>
    </select>
                                    </div>
                                </div>

                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>
    <div class="l-b2b-shopping-cart--b2b">
        <div class="shopping-cart js-shopping-cart">
            <table class="shopping-cart__items">
                <thead class="shopping-cart__items-header">
                    <tr class="shopping-cart__items-header-row">
                        <td class="shopping-cart__items-header-cell">Zeal (1)</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--items">Product Information</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--price">Price</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--qty">Quantity</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--total">Total</td>
                    </tr>
                </thead>
                <tbody class="shopping-cart__items-body">
                    <tr class="shopping-cart__item ">
                        <td class="shopping-cart__item-image-col">
                            <a href="#HTS267-15C"><img class="shopping-cart__item-image" src="https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$&amp;wid&#x3D;225" alt="Olive Stripe"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">WATERWAYS</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Olive Stripe</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> Maui HT™</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> HTS267-15C</span>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty">
                                <div class="form-item form-item--select">
                                    <div class="select-wrapper">
                                        <select id="" name="shopping-cart-qty" class="select js-select">
      <option value="1" >1</option>
      <option value="2" >2</option>
      <option value="3" >3</option>
      <option value="4" >4</option>
      <option value="5" >5</option>
    </select>
                                    </div>
                                </div>

                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>
    <div class="l-b2b-shopping-cart--b2b">
        <div class="shopping-cart js-shopping-cart">
            <table class="shopping-cart__items">
                <thead class="shopping-cart__items-header">
                    <tr class="shopping-cart__items-header-row">
                        <td class="shopping-cart__items-header-cell">Ophthalmic Demo (1)</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--items">Product Information</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--price">Price</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--qty">Quantity</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--total">Total</td>
                    </tr>
                </thead>
                <tbody class="shopping-cart__items-body">
                    <tr class="shopping-cart__item ">
                        <td class="shopping-cart__item-image-col">
                            <a href="#H257-16C"><img class="shopping-cart__item-image" src="https://s7d2.scene7.com/is/image/mauijim/H257-16C_front?$config1800$&amp;wid&#x3D;225" alt="Tortoise with Antique Gold"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">KAWIKA</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Tortoise with Antique Gold</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> HCL® Bronze</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> H257-16C</span>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty">
                                <div class="form-item form-item--select">
                                    <div class="select-wrapper">
                                        <select id="" name="shopping-cart-qty" class="select js-select">
      <option value="1" >1</option>
      <option value="2" >2</option>
      <option value="3" >3</option>
      <option value="4" >4</option>
      <option value="5" >5</option>
    </select>
                                    </div>
                                </div>

                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                    <tr class="shopping-cart__item shopping-cart__item-shipping-row">
                        <td class="shipping-row__info-col">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-to" class="label label--required">Ship to</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-to" name="shopping-cart-ship-to" class="select js-select">
        <option value="option1" >500 N Kingsbury St Chicago, IL 60654, USA</option>
        <option value="option2" >600 S 55th St New York, NY 10280, USA</option>
      </select>
                                    </div>
                                </div>
                            </div>

                        </td>
                        <td class="shipping-row__info-col js-shipping-method-cell">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-option" class="label label--required">Shipping Method</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-option" name="shopping-cart-ship-option" class="select js-select js-shipping-method-dropdown">
        <option value="" >Select</option>
        <option value="next-day" >Next Day — ETA: March 8th</option>
        <option value="two-day" >2-Day — ETA: March 9th</option>
        <option value="standard" >Standard — ETA: March 17th</option>
      </select>
                                    </div>
                                </div>
                            </div>

                            <button class="button button--plain-text shipping-price-toggle js-shipping-price-toggle" aria-hidden="true">
                  Show Shipping Prices
                </button>
                        </td>
                        <td class="shipping-row__info-col shipping-row__item-shipping-price js-shipping-price-cell">
                            <span class="js-shipping-price-placeholder">-</span>
                            <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                        </td>
                        <td colspan="2"></td>
                    </tr>
                </tbody>
            </table>
            <table class="shopping-cart__items-subtotal">
                <tfoot>
                    <tr>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                        </td>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                            <ul class="shopping-cart__totals">
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--shipping">
                Shipping
              </span>
                                    <span class="shopping-cart__totals-value shopping-cart__totals-value--shipping">
                  <span class="js-shipping-price-placeholder">-</span>
                                    <span class="js-shipping-price-value" aria-hidden="true">$40.00</span>
                                    </span>
                                </li>
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--subtotal">
                Check invoice for final pricing.
              </span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>

    </div>
    <div class="l-b2b-shopping-cart--b2b">
        <div class="shopping-cart js-shopping-cart">
            <h2 class="shopping-cart__title shopping-cart__title--secondary">MyMaui (1)</h2>
            <table class="shopping-cart__items">
                <thead class="shopping-cart__items-header">
                    <tr class="shopping-cart__items-header-row">
                        <td class="shopping-cart__items-header-cell"></td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--items">Product Information</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--price">Price</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--qty">Quantity</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--total">Total</td>
                    </tr>
                </thead>
                <tbody class="shopping-cart__items-body">
                    <tr class="shopping-cart__item ">
                        <td class="shopping-cart__item-image-col">
                            <a href="#202-02"><img class="shopping-cart__item-image" src="https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$&amp;wid&#x3D;225" alt="Gloss Black"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">PEAHI</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Gloss Black</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> Neutral Grey</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> 202-02</span>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty">
                                <div class="form-item form-item--select">
                                    <div class="select-wrapper">
                                        <select id="" name="shopping-cart-qty" class="select js-select">
      <option value="1" >1</option>
      <option value="2" >2</option>
      <option value="3" >3</option>
      <option value="4" >4</option>
      <option value="5" >5</option>
    </select>
                                    </div>
                                </div>

                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                    <tr class="shopping-cart__item shopping-cart__item-shipping-row">
                        <td class="shipping-row__info-col">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-to" class="label label--required">Ship to</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-to" name="shopping-cart-ship-to" class="select js-select">
        <option value="option1" >500 N Kingsbury St Chicago, IL 60654, USA</option>
        <option value="option2" >600 S 55th St New York, NY 10280, USA</option>
      </select>
                                    </div>
                                </div>
                            </div>

                        </td>
                        <td class="shipping-row__info-col js-shipping-method-cell">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-option" class="label label--required">Shipping Method</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-option" name="shopping-cart-ship-option" class="select js-select js-shipping-method-dropdown">
        <option value="" >Select</option>
        <option value="next-day" >Next Day — ETA: March 8th</option>
        <option value="two-day" selected>2-Day — ETA: March 9th</option>
        <option value="standard" >Standard — ETA: March 17th</option>
      </select>
                                    </div>
                                </div>
                            </div>

                            <button class="button button--plain-text shipping-price-toggle js-shipping-price-toggle" aria-hidden="true">
                  Show Shipping Prices
                </button>
                        </td>
                        <td class="shipping-row__info-col shipping-row__item-shipping-price js-shipping-price-cell">
                            <span class="js-shipping-price-placeholder">-</span>
                            <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                        </td>
                        <td colspan="2"></td>
                    </tr>
                </tbody>
            </table>
            <table class="shopping-cart__items-subtotal">
                <tfoot>
                    <tr>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                        </td>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                            <ul class="shopping-cart__totals">
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--shipping">
                Shipping
              </span>
                                    <span class="shopping-cart__totals-value shopping-cart__totals-value--shipping">
                  <span class="js-shipping-price-placeholder">-</span>
                                    <span class="js-shipping-price-value" aria-hidden="true">$20.00</span>
                                    </span>
                                </li>
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--subtotal">
                Check invoice for final pricing.
              </span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>

    </div>
    <div class="l-b2b-shopping-cart--b2b">
        <div class="shopping-cart js-shopping-cart">
            <h2 class="shopping-cart__title shopping-cart__title--secondary">Prescription (2)</h2>
            <table class="shopping-cart__items">
                <thead class="shopping-cart__items-header">
                    <tr class="shopping-cart__items-header-row">
                        <td class="shopping-cart__items-header-cell"></td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--items">Product Information</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--price">Price</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--qty">Quantity</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--total">Total</td>
                    </tr>
                </thead>
                <tbody class="shopping-cart__items-body">
                    <tr class="shopping-cart__item shopping-cart__item--with-shipping">
                        <td class="shopping-cart__item-image-col">
                            <a href="#202-02"><img class="shopping-cart__item-image" src="https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$&amp;wid&#x3D;225" alt="Gloss Black"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">PEAHI</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Gloss Black</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> Neutral Grey</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> 202-02</span>
                            <br>
                            <div aria-hidden="true" class="shopping-cart__item-rx js-shopping-cart-rx">
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="General Prescription Information">
                                    <li class="shopping-cart__item-info"><strong>ORDER REFERENCE OR PATIENT NAME:</strong> Lorem Ipsum</li>
                                    <li class="shopping-cart__item-info"><strong>PRESCRIPTION TYPE:</strong> Progressive</li>
                                    <li class="shopping-cart__item-info"><strong>Corridor:</strong> Long</li>
                                </ul>
                                <span class="shopping-cart__item-info">RIGHT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Right Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                                <span class="shopping-cart__item-info">LEFT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Left Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                            </div>
                            <button class="button button--plain-text rx-toggle js-shopping-cart-rx-toggle" type="button" aria-expanded="false">Show prescription details</button>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty--preselected">
                                <span>1</span>
                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                    <tr class="shopping-cart__item shipping-row">
                        <td class="shipping-row__info-col">
                            <div class="shipping-dropdown">
                                <strong>Ship to</strong>
                                <br>
                                <span>500 N Kingsbury St Chicago, IL 60654, USA</span>
                            </div>

                        </td>
                        <td class="shipping-row__info-col js-shipping-method-cell">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-option" class="label label--required">Shipping Method</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-option" name="shopping-cart-ship-option" class="select js-select js-shipping-method-dropdown">
        <option value="" >Select</option>
        <option value="next-day" >Next Day — ETA: March 8th</option>
        <option value="two-day" >2-Day — ETA: March 9th</option>
        <option value="standard" >Standard — ETA: March 17th</option>
      </select>
                                    </div>
                                </div>
                            </div>

                            <button class="button button--plain-text shipping-price-toggle js-shipping-price-toggle" aria-hidden="true">
                  Show Shipping Prices
                </button>
                        </td>
                        <td class="shipping-row__info-col shipping-row__item-shipping-price js-shipping-price-cell">
                            <span class="js-shipping-price-placeholder">-</span>
                            <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                        </td>
                        <td colspan="2"></td>
                    </tr>
                    <tr class="shopping-cart__item shopping-cart__item--with-shipping">
                        <td class="shopping-cart__item-image-col">
                            <a href="#HTS267-15C"><img class="shopping-cart__item-image" src="https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$&amp;wid&#x3D;225" alt="Olive Stripe"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">WATERWAYS</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Olive Stripe</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> Maui HT™</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> HTS267-15C</span>
                            <br>
                            <div aria-hidden="true" class="shopping-cart__item-rx js-shopping-cart-rx">
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="General Prescription Information">
                                    <li class="shopping-cart__item-info"><strong>ORDER REFERENCE OR PATIENT NAME:</strong> Lorem Ipsum</li>
                                    <li class="shopping-cart__item-info"><strong>PRESCRIPTION TYPE:</strong> Progressive</li>
                                    <li class="shopping-cart__item-info"><strong>Corridor:</strong> Long</li>
                                </ul>
                                <span class="shopping-cart__item-info">RIGHT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Right Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                                <span class="shopping-cart__item-info">LEFT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Left Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                            </div>
                            <button class="button button--plain-text rx-toggle js-shopping-cart-rx-toggle" type="button" aria-expanded="false">Show prescription details</button>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty--preselected">
                                <span>1</span>
                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                    <tr class="shopping-cart__item shipping-row">
                        <td class="shipping-row__info-col">
                            <div class="shipping-dropdown">
                                <strong>Ship to</strong>
                                <br>
                                <span>500 N Kingsbury St Chicago, IL 60654, USA</span>
                            </div>

                        </td>
                        <td class="shipping-row__info-col js-shipping-method-cell">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-option" class="label label--required">Shipping Method</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-option" name="shopping-cart-ship-option" class="select js-select js-shipping-method-dropdown">
        <option value="" >Select</option>
        <option value="next-day" >Next Day — ETA: March 8th</option>
        <option value="two-day" >2-Day — ETA: March 9th</option>
        <option value="standard" >Standard — ETA: March 17th</option>
      </select>
                                    </div>
                                </div>
                            </div>

                            <button class="button button--plain-text shipping-price-toggle js-shipping-price-toggle" aria-hidden="true">
                  Show Shipping Prices
                </button>
                        </td>
                        <td class="shipping-row__info-col shipping-row__item-shipping-price js-shipping-price-cell">
                            <span class="js-shipping-price-placeholder">-</span>
                            <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                        </td>
                        <td colspan="2"></td>
                    </tr>
                </tbody>
            </table>
            <table class="shopping-cart__items-subtotal">
                <tfoot>
                    <tr>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                        </td>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                            <ul class="shopping-cart__totals">
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--shipping">
                Shipping
              </span>
                                    <span class="shopping-cart__totals-value shopping-cart__totals-value--shipping">
                  <span class="js-shipping-price-placeholder">-</span>
                                    <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                                    </span>
                                </li>
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--subtotal">
                Check invoice for final pricing.
              </span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>

    </div>
    <div class="l-b2b-shopping-cart--b2b">
        <div class="shopping-cart js-shopping-cart">
            <h2 class="shopping-cart__title shopping-cart__title--secondary">Ophthalmic RX (2)</h2>
            <table class="shopping-cart__items">
                <thead class="shopping-cart__items-header">
                    <tr class="shopping-cart__items-header-row">
                        <td class="shopping-cart__items-header-cell"></td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--items">Product Information</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--price">Price</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--qty">Quantity</td>
                        <td class="shopping-cart__items-header-cell shopping-cart__items-header-cell--total">Total</td>
                    </tr>
                </thead>
                <tbody class="shopping-cart__items-body">
                    <tr class="shopping-cart__item shopping-cart__item--with-shipping">
                        <td class="shopping-cart__item-image-col">
                            <a href="#MJO2104-85MRX"><img class="shopping-cart__item-image" src="/assets/images/dummy-products/mjo2104/mjo2104-85m_front.jpg" alt="Pink Pearl"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">MJO2104</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Pink Pearl</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> Clear</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> MJO2104-85MRX</span>
                            <br>
                            <div aria-hidden="true" class="shopping-cart__item-rx js-shopping-cart-rx">
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="General Prescription Information">
                                    <li class="shopping-cart__item-info"><strong>ORDER REFERENCE OR PATIENT NAME:</strong> Lorem Ipsum</li>
                                    <li class="shopping-cart__item-info"><strong>PRESCRIPTION TYPE:</strong> Progressive</li>
                                    <li class="shopping-cart__item-info"><strong>Corridor:</strong> Long</li>
                                </ul>
                                <span class="shopping-cart__item-info">RIGHT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Right Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                                <span class="shopping-cart__item-info">LEFT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Left Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                            </div>
                            <button class="button button--plain-text rx-toggle js-shopping-cart-rx-toggle" type="button" aria-expanded="false">Show prescription details</button>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty--preselected">
                                <span>1</span>
                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                    <tr class="shopping-cart__item shipping-row">
                        <td class="shipping-row__info-col">
                            <div class="shipping-dropdown">
                                <strong>Ship to</strong>
                                <br>
                                <span>500 N Kingsbury St Chicago, IL 60654, USA</span>
                            </div>

                        </td>
                        <td class="shipping-row__info-col js-shipping-method-cell">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-option" class="label label--required">Shipping Method</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-option" name="shopping-cart-ship-option" class="select js-select js-shipping-method-dropdown">
        <option value="" >Select</option>
        <option value="next-day" >Next Day — ETA: March 8th</option>
        <option value="two-day" >2-Day — ETA: March 9th</option>
        <option value="standard" >Standard — ETA: March 17th</option>
      </select>
                                    </div>
                                </div>
                            </div>

                            <button class="button button--plain-text shipping-price-toggle js-shipping-price-toggle" aria-hidden="true">
                  Show Shipping Prices
                </button>
                        </td>
                        <td class="shipping-row__info-col shipping-row__item-shipping-price js-shipping-price-cell">
                            <span class="js-shipping-price-placeholder">-</span>
                            <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                        </td>
                        <td colspan="2"></td>
                    </tr>
                    <tr class="shopping-cart__item shopping-cart__item--with-shipping">
                        <td class="shopping-cart__item-image-col">
                            <a href="#MJO2101-83MRX"><img class="shopping-cart__item-image" src="/assets/images/dummy-products/mjo2101/mjo2101-80m_front.jpg" alt="Matte Bronze Wood Grain"></a>
                            <div class="shopping-cart__item-control-row">
                                <button class="shopping-cart__item-control shopping-cart__item-control--edit">
              <span class="u-visually-hidden">Edit</span>
            </button>
                                <button class="shopping-cart__item-control shopping-cart__item-control--delete">
              <span class="u-visually-hidden">Delete</span>
            </button>
                            </div>
                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">MJO2101</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Matte Bronze Wood Grain</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> Clear</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> MJO2101-83MRX</span>
                            <br>
                            <div aria-hidden="true" class="shopping-cart__item-rx js-shopping-cart-rx">
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="General Prescription Information">
                                    <li class="shopping-cart__item-info"><strong>ORDER REFERENCE OR PATIENT NAME:</strong> Lorem Ipsum</li>
                                    <li class="shopping-cart__item-info"><strong>PRESCRIPTION TYPE:</strong> Progressive</li>
                                    <li class="shopping-cart__item-info"><strong>Corridor:</strong> Long</li>
                                </ul>
                                <span class="shopping-cart__item-info">RIGHT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Right Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                                <span class="shopping-cart__item-info">LEFT EYE:</span>
                                <ul class="shopping-cart__item-rx-list js-shopping-cart-rx-list" aria-label="Left Eye Prescription">
                                    <li class="shopping-cart__item-info"><strong>Sphere:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Cylinder:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Axis:</strong> 1</li>
                                    <li class="shopping-cart__item-info"><strong>Pd:</strong> 36.0</li>
                                    <li class="shopping-cart__item-info"><strong>Oc:</strong> 25.0</li>
                                    <li class="shopping-cart__item-info"><strong>Total:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Vertical:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Vertical Direction:</strong> DOWN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Horizontal:</strong> 1.0</li>
                                    <li class="shopping-cart__item-info"><strong>Horizontal Direction:</strong> IN</li>
                                    <li class="shopping-cart__item-info"><strong>Prism Result:</strong> 2.0</li>
                                </ul>
                            </div>
                            <button class="button button--plain-text rx-toggle js-shopping-cart-rx-toggle" type="button" aria-expanded="false">Show prescription details</button>
                        </td>
                        <td class="shopping-cart__item-price-col">
                            <button class="shopping-cart__no-pricing-button js-tooltip-open-link">
              <svg class="icon icon--invoice">
  <use xlink:href="/assets/icons/icons.svg#invoice"></use>
</svg>

            </button>
                            <div class="tooltip">Check invoice for final pricing.</div>
                        </td>
                        <td class="shopping-cart__item-qty-col">
                            <div class="shopping-cart__item-qty--preselected">
                                <span>1</span>
                            </div>
                        </td>
                        <td class="shopping-cart__item-total-col">
                            -
                        </td>
                    </tr>
                    <tr class="shopping-cart__item shipping-row">
                        <td class="shipping-row__info-col">
                            <div class="shipping-dropdown">
                                <strong>Ship to</strong>
                                <br>
                                <span>500 N Kingsbury St Chicago, IL 60654, USA</span>
                            </div>

                        </td>
                        <td class="shipping-row__info-col js-shipping-method-cell">
                            <div class="shipping-dropdown">
                                <div class="form-item form-item--select form-item--required">
                                    <label for="shopping-cart-ship-option" class="label label--required">Shipping Method</label>
                                    <div class="select-wrapper">
                                        <select id="shopping-cart-ship-option" name="shopping-cart-ship-option" class="select js-select js-shipping-method-dropdown">
        <option value="" >Select</option>
        <option value="next-day" >Next Day — ETA: March 8th</option>
        <option value="two-day" >2-Day — ETA: March 9th</option>
        <option value="standard" >Standard — ETA: March 17th</option>
      </select>
                                    </div>
                                </div>
                            </div>

                            <button class="button button--plain-text shipping-price-toggle js-shipping-price-toggle" aria-hidden="true">
                  Show Shipping Prices
                </button>
                        </td>
                        <td class="shipping-row__info-col shipping-row__item-shipping-price js-shipping-price-cell">
                            <span class="js-shipping-price-placeholder">-</span>
                            <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                        </td>
                        <td colspan="2"></td>
                    </tr>
                </tbody>
            </table>
            <table class="shopping-cart__items-subtotal">
                <tfoot>
                    <tr>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                        </td>
                        <td class="shopping-cart__items-footer-cell" colspan="2">
                            <ul class="shopping-cart__totals">
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--shipping">
                Shipping
              </span>
                                    <span class="shopping-cart__totals-value shopping-cart__totals-value--shipping">
                  <span class="js-shipping-price-placeholder">-</span>
                                    <span class="js-shipping-price-value" aria-hidden="true">$16.00</span>
                                    </span>
                                </li>
                                <li class="shopping-cart__totals-item">
                                    <span class="shopping-cart__totals-label shopping-cart__totals-label--subtotal">
                Check invoice for final pricing.
              </span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>

    </div>
    <div class="l-b2b-shopping-cart-forms--purchase-order-number">
        <table class="shopping-cart__items-footer">
            <tr>
                <td class="shopping-cart__items-footer-cell" colspan="2">
                    <div class="purchase-order-number-form">
                        <div class="purchase-order-number-form__item">
                            <div class="form-item form-item--text form-item--purchase-order-number">
                                <label for="purchase-order-number" class="label label--text">Purchase Order Number</label>
                                <input type="text" id="purchase-order-number" name="purchase-order-number" class="input input--text">
                            </div>

                        </div>
                        <span class="purchase-order-number-form__detail">Applicable sales taxes will be added at the time the order is invoiced.</span>
                    </div>
                    <ul class="shopping-cart__totals">
                        <li class="shopping-cart__totals-item">
                            <span class="shopping-cart__totals-label">Subtotal (4):</span>
                            <span class="shopping-cart__totals-value">
              -
          </span>
                        </li>
                        <li class="shopping-cart__totals-item">
                            <span class="shopping-cart__totals-label shopping-cart__totals-label--shipping">Delivery:</span>
                            <span class="shopping-cart__totals-value shopping-cart__totals-value--shipping">
              <span class="js-shipping-price-placeholder">-</span>
                            <span class="js-shipping-price-value" aria-hidden="true">$72.00</span>
                            </span>
                        </li>
                        <li class="shopping-cart__totals-item shopping-cart__totals-item--total">
                            <span class="shopping-cart__totals-label">Check invoice for final pricing.</span>
                        </li>
                        <li class="shopping-cart__buttons">
                            <button class="button button--primary shopping-cart__checkout-button">Checkout</button>
                            <button class="button button--outlined shopping-cart__checkout-button">Continue Shopping</button>
                            <button class="button button--plain-text shopping-cart__checkout-button">Empty Cart</button>
                        </li>
                    </ul>
                </td>
            </tr>
        </table>

    </div>
</main>
<main id="main-section" class="main u-page-width-max">
  {{#if backToCartButton}}
  <div class="l-b2b-back-button">
  {{render '@buttons--plain-text' backToCartButton}}
  </div>
  {{/if}}
  {{#if title}}
  <div class="l-b2b-heading">
  <h1 class="shopping-cart__title">{{title}}</h1>
  {{/if}}
  {{#if headingPromo}}
  {{render '@alert-block--success'}}
  {{/if}}
  {{#if headingError}}
  {{render '@alert-block--error'}}
  {{/if}}
  </div>
  {{#each components}}
  <div class="l-b2b-{{component}}">
    {{render (dynamicComponent component) componentContext merge=mergeContext}}
  </div>
  {{/each}}
</main>
{
  "header": true,
  "footer": true,
  "flyout": "header-flyout--cart-b2b",
  "title": "Your Cart",
  "noPricing": true,
  "components": [
    {
      "component": "shopping-cart--b2b",
      "componentContext": {
        "groupingTitle": "Maui Jim (1)",
        "showEditBtn": true,
        "showDelBtn": true,
        "showPriceCol": true,
        "shoppingCartForms": null,
        "quantity": {
          "name": "shopping-cart-qty",
          "label": null,
          "required": null,
          "options": [
            {
              "value": "1",
              "label": "1"
            },
            {
              "value": "2",
              "label": "2"
            },
            {
              "value": "3",
              "label": "3"
            },
            {
              "value": "4",
              "label": "4"
            },
            {
              "value": "5",
              "label": "5"
            }
          ]
        },
        "secondaryHeader": true,
        "title": "Non-Prescription (3)",
        "products": [
          {
            "name": "PEAHI",
            "summary": "Polarized men's classic sunglasses",
            "description": "Pe'ahi ('peh-AH-hee'), on Maui's north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.",
            "category": "Wrap",
            "rating": [
              "star-full",
              "star-full",
              "star-full",
              "star-half",
              "star-empty"
            ],
            "vip": null,
            "tax": "Inkl. MWST",
            "variants": [
              {
                "id": "202-02",
                "name": "Gloss Black",
                "color": "#000",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/202-02_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/202-02_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$149.00",
                "salePrice": "$229.00",
                "url": "#202-02",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "202-02",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "B202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$189.00",
                "salePrice": "$219.00",
                "url": "#B202-2M",
                "status": "New",
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Blue Hawaii",
                "lensId": "bluehawaii",
                "lensFull": "Blue Hawaii - Blue mirror coating provides a stylish new look.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "B202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-10",
                "name": "Dark Tortoise",
                "color": "#303032",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-10_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-10_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-10_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": "https://mauijim.scene7.com/is/image/mauijim/10",
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-10",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-10",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71",
                "status": "New",
                "prescription": "false",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71",
                  "inactive": true,
                  "material": "mauipure"
                }
              },
              {
                "id": "H202-2M-2",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M-2",
                "status": "New",
                "prescription": "true",
                "stock": "Out of Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70-2",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70-2",
                "status": "New",
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71-2",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71-2",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71-2",
                  "inactive": true,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": true,
            "prescription": true
          }
        ],
        "totals": null,
        "noPricing": true
      }
    },
    {
      "component": "shopping-cart--b2b",
      "componentContext": {
        "groupingTitle": "Zeal (1)",
        "showEditBtn": true,
        "showDelBtn": true,
        "showPriceCol": true,
        "shoppingCartForms": null,
        "quantity": {
          "name": "shopping-cart-qty",
          "label": null,
          "required": null,
          "options": [
            {
              "value": "1",
              "label": "1"
            },
            {
              "value": "2",
              "label": "2"
            },
            {
              "value": "3",
              "label": "3"
            },
            {
              "value": "4",
              "label": "4"
            },
            {
              "value": "5",
              "label": "5"
            }
          ]
        },
        "title": null,
        "products": [
          {
            "name": "WATERWAYS",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-empty",
              "star-empty",
              "star-empty"
            ],
            "vip": {
              "cardValue": "30%",
              "originalPrice": "$319.00"
            },
            "tax": "Inkl. MWST",
            "variants": [
              {
                "id": "HTS267-15C",
                "name": "Olive Stripe",
                "color": "#808000",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Retail Location",
                "purchaseLocation": "Sunglass Hut",
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$219.00",
                "salePrice": null,
                "url": "#HTS267-15C",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "HTS267-15C",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "HS267-10M",
                "name": "Matte Tortoise",
                "color": "#303032",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HS267-10M",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "HS267-10M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "GS267-02MR",
                "name": "Matte Black Rubber",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$239.00",
                "salePrice": null,
                "url": "#GS267-02MR",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "GS267-02MR",
                  "inactive": true,
                  "material": "superthin"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": null,
            "prescription": null,
            "rxData": null,
            "individualShipping": null
          }
        ],
        "totals": null,
        "noPricing": true
      }
    },
    {
      "component": "shopping-cart--b2b",
      "componentContext": {
        "groupingTitle": "Ophthalmic Demo (1)",
        "showEditBtn": true,
        "showDelBtn": true,
        "showPriceCol": true,
        "shoppingCartForms": null,
        "quantity": {
          "name": "shopping-cart-qty",
          "label": null,
          "required": null,
          "options": [
            {
              "value": "1",
              "label": "1"
            },
            {
              "value": "2",
              "label": "2"
            },
            {
              "value": "3",
              "label": "3"
            },
            {
              "value": "4",
              "label": "4"
            },
            {
              "value": "5",
              "label": "5"
            }
          ]
        },
        "title": null,
        "products": [
          {
            "name": "KAWIKA",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-half",
              "star-empty",
              "star-empty"
            ],
            "vip": {
              "cardValue": "30%",
              "originalPrice": "$319.00"
            },
            "tax": null,
            "variants": [
              {
                "id": "H257-16C",
                "name": "Tortoise with Antique Gold",
                "color": "#e0d468",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "MauiJim.com",
                "purchaseLocation": "W0101010101010",
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/H257-16C_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/H257-16C_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/H257-16C_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$299.00",
                "salePrice": null,
                "url": "#H257-16C",
                "status": "New",
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "H257-16C",
                  "inactive": null,
                  "material": "mauipure"
                }
              },
              {
                "id": "B257-05CR",
                "name": "Crystal",
                "color": "#fff; border: 1px solid #dedede",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/B257-05CR_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/B257-05CR_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/B257-05CR_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$299.00",
                "salePrice": null,
                "url": "#B257-05CR",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Blue Hawaii",
                "lensId": "bluehawaii",
                "lensFull": "Blue Hawaii - Blue mirror coating provides a stylish new look.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "B257-05CR",
                  "inactive": true,
                  "material": "mauipure"
                }
              },
              {
                "id": "257-17C",
                "name": "Black Gloss with Antique Pewter",
                "color": "#808080",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/257-17C_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/257-17C_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/257-17C_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$299.00",
                "salePrice": null,
                "url": "#257-17C",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "257-17C",
                  "inactive": true,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": true,
            "prescription": null,
            "backordered": null
          }
        ],
        "shipping": {
          "addresses": [
            {
              "component": "shipping-dropdown--address",
              "componentContext": {}
            }
          ],
          "methods": [
            {
              "component": "shipping-dropdown--method",
              "componentContext": {}
            }
          ],
          "price": "$40.00"
        },
        "totals": [
          {
            "label": "Shipping",
            "value": "$40.00",
            "modifier": "shipping"
          },
          {
            "modifier": "subtotal",
            "label": "Check invoice for final pricing.",
            "value": null
          }
        ],
        "noPricing": true
      }
    },
    {
      "component": "shopping-cart--b2b",
      "componentContext": {
        "groupingTitle": null,
        "showEditBtn": true,
        "showDelBtn": true,
        "showPriceCol": true,
        "shoppingCartForms": null,
        "quantity": {
          "name": "shopping-cart-qty",
          "label": null,
          "required": null,
          "options": [
            {
              "value": "1",
              "label": "1"
            },
            {
              "value": "2",
              "label": "2"
            },
            {
              "value": "3",
              "label": "3"
            },
            {
              "value": "4",
              "label": "4"
            },
            {
              "value": "5",
              "label": "5"
            }
          ]
        },
        "showGroupingTitle": true,
        "secondaryHeader": true,
        "title": "MyMaui (1)",
        "products": [
          {
            "name": "PEAHI",
            "summary": "Polarized men's classic sunglasses",
            "description": "Pe'ahi ('peh-AH-hee'), on Maui's north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.",
            "category": "Wrap",
            "rating": [
              "star-full",
              "star-full",
              "star-half",
              "star-empty",
              "star-empty"
            ],
            "vip": null,
            "tax": "Inkl. MWST",
            "variants": [
              {
                "id": "202-02",
                "name": "Gloss Black",
                "color": "#000",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/202-02_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/202-02_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$149.00",
                "salePrice": "$229.00",
                "url": "#202-02",
                "status": "New",
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "202-02",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "B202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$189.00",
                "salePrice": "$219.00",
                "url": "#B202-2M",
                "status": "New",
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Blue Hawaii",
                "lensId": "bluehawaii",
                "lensFull": "Blue Hawaii - Blue mirror coating provides a stylish new look.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "B202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-10",
                "name": "Dark Tortoise",
                "color": "#303032",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-10_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-10_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-10_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": "https://mauijim.scene7.com/is/image/mauijim/10",
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-10",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-10",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71",
                "status": null,
                "prescription": "false",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71",
                  "inactive": true,
                  "material": "mauipure"
                }
              },
              {
                "id": "H202-2M-2",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M-2",
                "status": null,
                "prescription": "true",
                "stock": "Out of Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70-2",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70-2",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71-2",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71-2",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71-2",
                  "inactive": true,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": true,
            "prescription": true
          }
        ],
        "shipping": {
          "addresses": [
            {
              "component": "shipping-dropdown--address",
              "componentContext": {
                "label": "Ship to"
              }
            }
          ],
          "methods": [
            {
              "component": "shipping-dropdown--method",
              "componentContext": {
                "options": [
                  {
                    "value": null,
                    "label": "Select"
                  },
                  {
                    "value": "next-day",
                    "label": "Next Day — ETA: March 8th"
                  },
                  {
                    "value": "two-day",
                    "label": "2-Day — ETA: March 9th",
                    "selected": true
                  },
                  {
                    "value": "standard",
                    "label": "Standard — ETA: March 17th"
                  }
                ]
              }
            }
          ],
          "price": "$40.00"
        },
        "totals": [
          {
            "label": "Shipping",
            "value": "$20.00",
            "modifier": "shipping"
          },
          {
            "modifier": "subtotal",
            "label": "Check invoice for final pricing.",
            "value": null
          }
        ],
        "noPricing": true
      }
    },
    {
      "component": "shopping-cart--b2b",
      "componentContext": {
        "groupingTitle": null,
        "showEditBtn": true,
        "showDelBtn": true,
        "showPriceCol": true,
        "shoppingCartForms": null,
        "quantity": null,
        "secondaryHeader": true,
        "title": "Prescription (2)",
        "products": [
          {
            "name": "PEAHI",
            "summary": "Polarized men's classic sunglasses",
            "description": "Pe'ahi ('peh-AH-hee'), on Maui's north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.",
            "category": "Wrap",
            "rating": [
              "star-full",
              "star-full",
              "star-half",
              "star-empty",
              "star-empty"
            ],
            "vip": null,
            "tax": "Inkl. MWST",
            "variants": [
              {
                "id": "202-02",
                "name": "Gloss Black",
                "color": "#000",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/202-02_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/202-02_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$149.00",
                "salePrice": "$229.00",
                "url": "#202-02",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "202-02",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "B202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$189.00",
                "salePrice": "$219.00",
                "url": "#B202-2M",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Blue Hawaii",
                "lensId": "bluehawaii",
                "lensFull": "Blue Hawaii - Blue mirror coating provides a stylish new look.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "B202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-10",
                "name": "Dark Tortoise",
                "color": "#303032",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-10_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-10_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-10_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": "https://mauijim.scene7.com/is/image/mauijim/10",
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-10",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-10",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-2M",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71",
                "status": null,
                "prescription": "false",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71",
                  "inactive": true,
                  "material": "mauipure"
                }
              },
              {
                "id": "H202-2M-2",
                "name": "Matte Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-2M-2",
                "status": null,
                "prescription": "true",
                "stock": "Out of Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-2M-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "H202-70-2",
                "name": "Redfish",
                "color": "#7d4a07",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#H202-70-2",
                "status": "New",
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "H202-70-2",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "HT202-71-2",
                "name": "MahiMahi",
                "color": "#218b16",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
                  "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
                  "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HT202-71-2",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "HT202-71-2",
                  "inactive": true,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": true,
            "prescription": true,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ],
              "price": "FREE"
            },
            "rxData": {
              "orderRef": "Lorem Ipsum",
              "rxType": "Progressive",
              "corridor": "Long",
              "right": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              },
              "left": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              }
            }
          },
          {
            "name": "WATERWAYS",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-full",
              "star-full",
              "star-empty"
            ],
            "vip": {
              "cardValue": "30%",
              "originalPrice": "$319.00"
            },
            "tax": "Inkl. MWST",
            "variants": [
              {
                "id": "HTS267-15C",
                "name": "Olive Stripe",
                "color": "#808000",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Retail Location",
                "purchaseLocation": "Sunglass Hut",
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/HTS267-15C_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$219.00",
                "salePrice": null,
                "url": "#HTS267-15C",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Maui HT™",
                "lensId": "mauiht",
                "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "HTS267-15C",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "HS267-10M",
                "name": "Matte Tortoise",
                "color": "#303032",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/HS267-10M_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$229.00",
                "salePrice": null,
                "url": "#HS267-10M",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "HCL® Bronze",
                "lensId": "hclbronze",
                "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "HS267-10M",
                  "inactive": true,
                  "material": "superthin"
                }
              },
              {
                "id": "GS267-02MR",
                "name": "Matte Black Rubber",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/GS267-02MR_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$239.00",
                "salePrice": null,
                "url": "#GS267-02MR",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Neutral Grey",
                "lensId": "neutralgrey",
                "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
                "lensMaterial": "SuperThin Glass",
                "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
                "lensDetailData": {
                  "product": "GS267-02MR",
                  "inactive": true,
                  "material": "superthin"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": null,
            "prescription": null,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ],
              "price": "$16.00"
            },
            "rxData": {
              "orderRef": "Lorem Ipsum",
              "rxType": "Progressive",
              "corridor": "Long",
              "right": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              },
              "left": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              }
            }
          }
        ],
        "totals": [
          {
            "label": "Shipping",
            "value": "$16.00",
            "modifier": "shipping"
          },
          {
            "modifier": "subtotal",
            "label": "Check invoice for final pricing.",
            "value": null
          }
        ],
        "noPricing": true
      }
    },
    {
      "component": "shopping-cart--b2b",
      "componentContext": {
        "groupingTitle": null,
        "showEditBtn": true,
        "showDelBtn": true,
        "showPriceCol": true,
        "shoppingCartForms": null,
        "quantity": null,
        "secondaryHeader": true,
        "title": "Ophthalmic RX (2)",
        "products": [
          {
            "name": "MJO2104",
            "summary": "Mens Specialty Metal Eyeglasses",
            "description": "Pe'ahi ('peh-AH-hee'), on Maui's north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.",
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-empty",
              "star-empty",
              "star-empty"
            ],
            "vip": null,
            "tax": null,
            "variants": [
              {
                "id": "MJO2104-85MRX",
                "name": "Pink Pearl",
                "color": null,
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "/assets/images/dummy-products/mjo2104/mjo2104-85m_front.jpg",
                  "angle": "/assets/images/dummy-products/mjo2104/mjo2104-85m_quarter.jpg",
                  "side": "/assets/images/dummy-products/mjo2104/mjo2104-85m_side.jpg"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$209.00",
                "salePrice": null,
                "url": "#MJO2104-85MRX",
                "status": "New",
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Clear",
                "lensId": null,
                "lensFull": "Clear",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "MJO2104-85MRX",
                  "inactive": null,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": null,
            "prescription": true,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ],
              "price": "FREE"
            },
            "rxData": {
              "orderRef": "Lorem Ipsum",
              "rxType": "Progressive",
              "corridor": "Long",
              "right": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              },
              "left": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              }
            }
          },
          {
            "name": "MJO2101",
            "summary": "Mens Specialty Metal Eyeglasses",
            "description": "Pe'ahi ('peh-AH-hee'), on Maui's north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.",
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-full",
              "star-full",
              "star-empty"
            ],
            "vip": null,
            "tax": null,
            "variants": [
              {
                "id": "MJO2101-83MRX",
                "name": "Matte Bronze Wood Grain",
                "color": null,
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "Online Retailer",
                "purchaseLocation": "Dicks.com",
                "images": {
                  "front": "/assets/images/dummy-products/mjo2101/mjo2101-80m_front.jpg",
                  "angle": "/assets/images/dummy-products/mjo2101/mjo2101-80m_quarter.jpg",
                  "side": "/assets/images/dummy-products/mjo2101/mjo2101-80m_side.jpg"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": true,
                "price": "$209.00",
                "salePrice": null,
                "url": "#MJO2101-83MRX",
                "status": null,
                "prescription": "true",
                "stock": "In Stock",
                "lens": "Clear",
                "lensId": null,
                "lensFull": "Clear",
                "lensMaterial": "MauiPure",
                "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
                "lensDetailData": {
                  "product": "MJO2101-83MRX",
                  "inactive": null,
                  "material": "mauipure"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": null,
            "prescription": true,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ],
              "price": "$16.00"
            },
            "rxData": {
              "orderRef": "Lorem Ipsum",
              "rxType": "Progressive",
              "corridor": "Long",
              "right": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              },
              "left": {
                "sphere": "1.0",
                "cylinder": "1.0",
                "axis": "1",
                "pd": "36.0",
                "oc": "25.0",
                "total": "1.0",
                "prismVertical": "1.0",
                "verticalDirection": "DOWN",
                "prismHorizontal": "1.0",
                "horizontalDirection": "IN",
                "prismResult": "2.0"
              }
            }
          }
        ],
        "totals": [
          {
            "label": "Shipping",
            "value": "$16.00",
            "modifier": "shipping"
          },
          {
            "modifier": "subtotal",
            "label": "Check invoice for final pricing.",
            "value": null
          }
        ],
        "noPricing": true
      }
    },
    {
      "component": "shopping-cart-forms--purchase-order-number",
      "mergeContext": true,
      "componentContext": {
        "totals": [
          {
            "label": "Subtotal (4)",
            "value": "-"
          },
          {
            "modifier": "shipping",
            "label": "Delivery",
            "value": "$72.00"
          }
        ],
        "total": {
          "label": "Check invoice for final pricing.",
          "value": null
        }
      }
    }
  ]
}
  • Content:
    .l-b2b-shopping-cart-forms--receipt-thanks,
    .l-b2b-shopping-cart--b2b,
    .l-b2b-shopping-cart-forms--receipt-total,
    .l-b2b-heading,
    .l-b2b-back-button {
      margin: 2rem 2rem 3rem;
    
      @include breakpoint($breakpoint-md) {
        margin: 2rem 5rem 6rem;
      }
    }
    
    .l-b2b-heading {
      .shopping-cart__title {
        text-transform: uppercase;
      }
    }
    
    .l-b2b-shopping-cart--b2b {
      margin-bottom: 0;
    }
    
    
    .l-b2b-back-button {
      .button--plain-text {
        color: $color-darkest;
      }
    }
    
    .l-b2b-shopping-cart-forms--receipt-thanks {
      .shopping-cart__items-footer {
        background-color: $color-white;
      }
    }
    
    .l-b2b-alert-block--success {
      margin: 0 2rem;
    
      @include breakpoint($breakpoint-md) {
        margin: 0 5rem;
      }
    
      .alert-block {
        @include breakpoint($breakpoint-sm-only) {
          margin-top: 3rem;
          margin-bottom: 3rem;
        }
    
        @include breakpoint($breakpoint-md) {
          max-width: 39rem;
          margin-bottom: 3rem;
          float: right;
        }
      }
    }
    
  • URL: /components/raw/b2b-page/b2b-page.scss
  • Filesystem Path: src/components/03-pages/b2b-page/b2b-page.scss
  • Size: 947 Bytes

There are no notes for this item.