<main id="main-section" class="main u-page-width-max">
    <div class="l-b2b-heading">
        <h1 class="shopping-cart__title">Your Cart</h1>
        <div class="alert-block">
            <strong class="alert-block__badge alert-block__badge--error">Back-ordered</strong> These are products in your cart which are backordered, as highlighted below. This will cause delay in shipping the backordered products. You can either remove
            these products from your cart and continue to checkout with other products or continue to checkout with backordered products.
        </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">Prescription (4)</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="alert-block">
                                <strong class="alert-block__badge alert-block__badge--error">Back-ordered</strong>
                            </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">
                            <span class="shopping-cart__item-price">$149.00</span>
                        </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">
                            <span class="shopping-cart__item-price">$149.00</span>
                        </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">
                                    <div class="select-wrapper">
                                        <label for="shopping-cart-ship-option" class="label label--required">
      Shipping Method
      <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>
      </label>
                                    </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="alert-block">
                                <strong class="alert-block__badge alert-block__badge--error">Back-ordered</strong>
                            </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">
                            <span class="shopping-cart__item-price">$219.00</span>
                        </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">
                            <span class="shopping-cart__item-price">$219.00</span>
                        </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">
                                    <div class="select-wrapper">
                                        <label for="shopping-cart-ship-option" class="label label--required">
      Shipping Method
      <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>
      </label>
                                    </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="#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="alert-block">
                                <strong class="alert-block__badge alert-block__badge--error">Back-ordered</strong>
                            </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>
                            <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">
                            <span class="shopping-cart__item-price">$299.00</span>
                        </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">
                            <span class="shopping-cart__item-price">$299.00</span>
                        </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">
                                    <div class="select-wrapper">
                                        <label for="shopping-cart-ship-option" class="label label--required">
      Shipping Method
      <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>
      </label>
                                    </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="#H178-10"><img class="shopping-cart__item-image" src="https://s7d2.scene7.com/is/image/mauijim/H178-10_front?$config1800$&amp;wid&#x3D;225" alt="Tortoise"></a>
                            <div class="alert-block">
                                <strong class="alert-block__badge alert-block__badge--error">Back-ordered</strong>
                            </div>

                        </td>
                        <td class="shopping-cart__item-info-col">
                            <span class="shopping-cart__item-name">VOYAGER</span>
                            <span class="shopping-cart__item-info"><strong>Frame:</strong> Tortoise</span>
                            <span class="shopping-cart__item-info"><strong>Lens:</strong> HCL® Bronze</span>
                            <span class="shopping-cart__item-info"><strong>SKU:</strong> H178-10</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">
                            <span class="shopping-cart__item-price">$219.00</span>
                        </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">
                            <span class="shopping-cart__item-price">$219.00</span>
                        </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">
                                    <div class="select-wrapper">
                                        <label for="shopping-cart-ship-option" class="label label--required">
      Shipping Method
      <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>
      </label>
                                    </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">
                Prescription Subtotal
              </span>
                                    <span class="shopping-cart__totals-value shopping-cart__totals-value--subtotal">
                  $438.50
              </span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>

    </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",
  "headingPromo": null,
  "headingError": true,
  "components": [
    {
      "component": "shopping-cart--b2b",
      "componentContext": {
        "showGroupingTitle": true,
        "secondaryHeader": true,
        "title": null,
        "groupingTitle": "Prescription (4)",
        "showPriceCol": true,
        "shoppingCartForms": null,
        "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-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": "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": 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,
            "backordered": true,
            "promo": null,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ]
            },
            "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-half",
              "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": "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": "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,
            "backordered": true,
            "promo": null,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ]
            },
            "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": "KAWIKA",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-full",
              "star-full",
              "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": null,
                "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": true,
            "promo": null,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ]
            },
            "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": "VOYAGER",
            "summary": null,
            "description": null,
            "category": "Classic",
            "rating": [
              "star-full",
              "star-full",
              "star-full",
              "star-empty",
              "star-empty"
            ],
            "vip": null,
            "tax": null,
            "variants": [
              {
                "id": "H178-10",
                "name": "Tortoise",
                "color": "#303032",
                "orderMonth": "12",
                "orderYear": "2017",
                "locationCategory": "MauiJim.com",
                "purchaseLocation": "W0101010101010",
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/H178-10_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/H178-10_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/H178-10_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": "#H178-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": "H178-10",
                  "inactive": null,
                  "material": "superthin"
                }
              },
              {
                "id": "178-02",
                "name": "Gloss Black",
                "color": "#000",
                "orderMonth": null,
                "orderYear": null,
                "locationCategory": null,
                "purchaseLocation": null,
                "images": {
                  "front": "https://s7d2.scene7.com/is/image/mauijim/178-02_front?$config1800$",
                  "angle": "https://s7d2.scene7.com/is/image/mauijim/178-02_quarter?$config1800$",
                  "side": "https://s7d2.scene7.com/is/image/mauijim/178-02_side?$config1800$"
                },
                "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
                "swatchImage": null,
                "active": null,
                "price": "$219.00",
                "salePrice": null,
                "url": "#178-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": "178-02",
                  "inactive": true,
                  "material": "superthin"
                }
              }
            ],
            "callToAction": null,
            "mauijim": null,
            "zeal": null,
            "excludeVariants": null,
            "mymaui": true,
            "prescription": null,
            "backordered": true,
            "promo": null,
            "individualShipping": {
              "addresses": [
                {
                  "component": "shipping-dropdown--address--pre-selected"
                }
              ],
              "methods": [
                {
                  "component": "shipping-dropdown--method"
                }
              ]
            },
            "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": [
          {
            "modifier": "shipping",
            "label": "Shipping",
            "value": "$20.00"
          },
          {
            "modifier": "subtotal",
            "label": "Prescription Subtotal",
            "value": "$438.50"
          }
        ],
        "showShipping": null
      }
    }
  ]
}
  • Content:
    .l-b2b-shopping-cart-forms--receipt-thanks,
    .l-b2b-shopping-cart--b2b,
    .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;
        }
      }
    }
    
    .l-b2b-shopping-cart-forms--receipt-total,
    .l-b2b-shopping-cart-forms--purchase-order-number,
    .l-b2b-shopping-cart-forms--purchase-order-number-error,
    .l-b2b-shopping-cart-forms--purchase-order-number-confirmation {
      background-color: $color-lighter;
    
      @include breakpoint($breakpoint-md) {
        padding-right: 5rem;
        padding-left: 5rem;
      }
    }
    
  • URL: /components/raw/b2b-page/b2b-page.scss
  • Filesystem Path: src/components/03-pages/b2b-page/b2b-page.scss
  • Size: 1.3 KB

There are no notes for this item.