<form action="/cart" class="cart_form layer-add-cart-success" method="post" novalidate="">
      <div class="cart-header">
        <svg class="icon" height="24" p-id="2883" t="1634190661535" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M512 512H0A512 512 0 1 0 512 0 512 512 0 0 0 0 512z" fill="#29BB9D" p-id="2884"></path>
          <path d="M779.221333 341.333333l31.445334 31.274667-377.258667 375.466667L213.333333 529.024l55.04-54.741333 180.736 117.290666z" fill="#FFFFFF" p-id="2885"></path>
        </svg>
        <span>{{lang.product.add_cart_succeed}}</span>
        <svg class="cart-header-claer popup-claer" class="icon" height="24" p-id="3072" t="1634191042040" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M571.008 511.936l313.088-311.04a42.688 42.688 0 0 0 0-58.816l-2.496-2.496a40.384 40.384 0 0 0-56.704 0l-313.088 313.6-313.088-311.04a40.384 40.384 0 0 0-56.704 0l-2.496 2.496a42.688 42.688 0 0 0 0 58.816l313.088 308.608-313.088 311.04a42.688 42.688 0 0 0 0 58.816l2.496 2.496a40.384 40.384 0 0 0 56.704 0l313.088-313.6 313.088 311.04a40.384 40.384 0 0 0 56.704 0l2.496-2.496a42.688 42.688 0 0 0 0-58.816z" fill="#1D1F21" p-id="3073"></path>
        </svg>
      </div>
      <div class="cart-product-warp">
        <div class="cart-product">
          <a href="javascript:;" style="position: relative;align-self: flex-start;">
            <img  data-src="{{option.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  class="cart-product-img">
            {% if isProperty %}
              <svg class="icon" height="16" p-id="4311" style="position: absolute;bottom: 0;right: 0;background-color: #e8e8e8;padding: 3px;border-radius: 50%;" version="1.1" viewbox="0 0 1024 1024" width="16" xmlns="http://www.w3.org/2000/svg">
                <path d="M789.49999971 512l138.75000029-138.75000029c37.50000029-37.50000029 37.50000029-97.49999971 0-131.24999971L782 95.75c-33.75-33.75-97.49999971-33.75-131.24999971 0L512 234.50000029 373.24999971 95.75C339.49999971 62 275.75 62 242 95.75L95.75 242c-37.50000029 37.50000029-37.50000029 97.49999971 0 131.24999971L234.50000029 512 174.5 568.25c-11.25 11.25-18.74999971 22.5-22.5 37.50000029L69.49999971 834.49999971c-11.25 29.99999971-3.75000029 60.00000029 11.25 82.50000029 18.74999971 22.5 45 37.50000029 75.00000058 37.50000029 11.25 0 18.74999971 0 29.99999971-3.75000029l228.75000029-82.50000029c15.00000029-3.75000029 26.25000029-11.25 37.49999942-22.5l56.25-56.25 138.75000029 138.75000029c18.74999971 18.74999971 41.24999971 26.25000029 67.5 26.25000029s48.75000029-11.25 67.5-26.25000029l146.25-146.25c37.50000029-37.50000029 37.50000029-97.49999971 0-131.24999971L789.49999971 512z m-71.24999942-371.25c3.75000029 0 11.25 3.75000029 14.99999942 3.75000029l146.25 146.25c7.49999971 7.49999971 7.49999971 18.74999971 0 26.24999942l-52.49999971 52.50000058-172.50000029-172.50000029 52.50000058-52.49999971s3.75000029-3.75000029 11.25-3.75000029zM238.24999971 410.75l67.5-67.5c11.25-11.25 11.25-29.99999971 0-41.24999971s-29.99999971-11.25-41.24999971 0L197 369.50000029 148.24999971 320.75c-7.49999971-7.49999971-7.49999971-18.74999971 0-26.25000029l146.25-146.25c3.75000029-3.75000029 7.49999971-3.75000029 15.00000029-3.74999942s11.25 3.75000029 15.00000029 3.74999942L459.50000029 287 287 459.50000029 238.24999971 410.75z m165.00000058 386.25000029s-3.75000029 3.75000029-7.50000058 3.74999942l-228.74999942 82.50000029c-7.49999971 3.75000029-15.00000029 0-18.75000058-7.49999971-3.75000029-3.75000029-3.75000029-7.49999971-3.74999942-15.00000029l82.49999942-228.75000029c0-3.75000029 3.75000029-3.75000029 3.75000029-7.49999971l82.50000029-82.50000029 225-225 74.99999971-74.99999971 172.50000029 172.50000029-75.00000058 74.99999971-225 225-82.49999942 82.50000029z m472.5-67.5l-146.25 146.25c-7.49999971 7.49999971-18.74999971 7.49999971-26.25000029 0l-48.75000029-48.75000029 67.5-67.5c11.25-11.25 11.25-29.99999971 0-41.24999971s-29.99999971-11.25-41.24999971 0l-67.5 67.5-48.75000029-48.75000029 172.50000029-172.50000029 138.75000029 138.75000029c7.49999971 7.49999971 7.49999971 18.74999971 0 26.25000029z" p-id="4312"></path>
              </svg>
            {% endif %}
          </a>
          <div class="cart-product-info">
            <div class="cart-product-name">
              <span class="line-clamp2" style="text-align: left;">{{option.productTitle}}</span>
            </div>
            {% if storeConfig.sku_spu_set == "4" %}
            {% elsif storeConfig.sku_spu_set == "2" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.spu}}: {{option.spu | default:"-" }}</div>
            {% elsif storeConfig.sku_spu_set == "3" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.sku}}: {{option.sku | default:"-" }}</div>
            {% elsif storeConfig.sku_spu_set == "1" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.spu}}: {{option.spu | default:"-" }}, {{lang.account.orders_detail.sku}}: {{option.sku | default:"-" }}</div>
            {% else %}
            {% endif %}
    
            {% if option.sku_value %}
              <div class="cart-product-skuName">{{option.sku_value | replace : "<br/>", ";" }}</div>
            {% endif %}
            {% for item in option.custom_attr %}
                <div class="cart-product-skuName">
                  <span>
                    {{ item.name }}
                    :
                  </span>
                  {% if item.type == "file" %}
                    <a href="{{ item.urls }}" target="_blank" download class="custom-option-download">
                      {{ lang.account.orders.property_detail }}
                    </a>
                    {%- unless item.price == '0' -%}
                      <span>
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      </span>
                    {%- endunless -%}
                  {%- elsif item.type == "image_group" -%}
                    {%- for el in item.value -%}
                      <a href="{{ el.urls }}" target="_blank" download class="custom-option-download">
                        {{ el.value }}
                      </a>
                      {%- unless el.price == '0' -%}
                        <span>
                           (
                          {%- if el.price > 0 -%}
                            +
                          {%- else -%}
                            -
                          {%- endif -%}
                          {{ el.price | money }}
                          )
                        </span>
                      {%- endunless -%}
                      {%- unless forloop.last -%}
                        , 
                      {%- endunless -%}
                    {%- endfor -%}
                     {% elsif item.type == "public_image" %}
                      {%- if item.price_type == '1' -%}
                        {%- for el in item.value -%}
                          <span>{{el.value}}
                             
                            {%- if el.price != 0  -%}(
                              {%- if el.price > 0 -%}+{%- else -%}-
                              {%- endif -%}
                              {{el.price | money }}
                              )
                            {%- endif -%}
                          </span>
                          {%- unless forloop.last  -%}, 
                          {%- endunless -%}
                        {%- endfor -%}
                      {%- else -%}
                        {%- for el in item.value -%}
                          <span>{{el.value}}
                            {%- if forloop.last -%}
                               
                              {%- if item.price != 0  -%}(
                                {%- if item.price > 0 -%}+{%- else -%}-
                                {%- endif -%}
                                {{ item.price | money }}
                                )
                              {%- endif -%}
                            {%- endif -%}
                          </span>
                          {%- unless forloop.last  -%}, 
                          {%- endunless -%}
                        {%- endfor -%}
                      {%- endif -%}
                  {% elsif item.type == "image_gallery" %}
                    <a href="{{ item.urls }}" target="_blank" download class="custom-option-download">
                      {{ item.value }}
                    </a>
                    {%- unless item.price == '0' -%}
                      <span>
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      </span>
                    {%- endunless -%}
                  {%- elsif item.type == "checkbox" or item.type == "block_text" or item.type == "image" -%}
                    {%- for el in item.value -%}
                      <span>
                        {{ el.value }}
                        {%- unless el.price == '0' -%}
                           (
                          {%- if item.price > 0 -%}
                            +
                          {%- else -%}
                            -
                          {%- endif -%}
                          {{ el.price | money }}
                          )
                        {%- endunless -%}
                      </span>
                      {%- unless forloop.last -%}
                        ,
                      {%- endunless -%}
                    {%- endfor -%}
                  {% else %}
                    <span>
                      {{ item.value }}
                      {%- unless item.price == '0' -%}
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      {%- endunless -%}
                    </span>
                  {% endif %}
                </div>
            {% endfor %}
            
          </div>
        </div>
      </div>

<div class="cart-price">
        <span class="cart-content-label">{{lang.product.subtotal}}:</span>
        <span class="cart-content-value">{{subtotalPrice}}</span>
      </div>
      <div class="cart-operate">
        <a class="cart-button main_btn cart-buyNow" href="javascript:;" id="submit">
          <span>{{ lang.cart.list.checkout }}</span>
          <svg class="icon" fill="#fff" height="24" p-id="2600" style="margin-left:6px" t="1642570805735" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M938.666667 511.957333l-320 256 0-213.333333L0 554.624l0-85.333333L618.666667 469.290667l0-213.333334z" p-id="2601"></path>
          </svg>
        </a>
        <a class="cart-button cart-button-plan" href="/cart">{{lang.product.view_cart}}</a>
      </div>
    </form>

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
      <div class="cell-item moi-product-sku-label" data-type="key">
      <span class="product-sku-name">{{ sku.name }}
        {%- if sku.isImg -%}
            {%- if productSkuStyle == "image" or productSkuStyle == "color" -%}
            :<span style="font-weight: bold;color:#333;">{{sku.selected_value_label}}</span>
            {%- endif -%}
        {%- endif -%}
     
      </span>
      </div>
      <div class="cell-item moi-product-sku-value" data-type="values">
      <div class="product-sku-values">

{% for val in sku.value %}
        {%- capture className -%}
        {% if val.available == 0 %}product-sku-values-item-disable{% endif %}
        {% if sku.selected_value == val.value %}product-sku-values-item-active{% endif %}
        {%- endcapture -%}
        
        {%- capture imageClassName -%}
        {%- if val.image != "" and sku.isImg -%}
        product-sku-values-item-image
        {%- endif -%}
        {%- endcapture -%}

{%- capture imageSizeClassName -%}
        {%- if val.image != "" and sku.isImg -%}
        {%- if productSkuStyle == "image" or productSkuStyle == "image_text" -%}
        {{productSkuSize}}
        {%- endif -%}
        {%- endif -%}
        {%- endcapture -%}

{%- capture colorClassName -%}
        {%- if productSkuStyle == "color" and sku.isImg -%}product-sku-value-color{%- endif -%}
        {%- endcapture -%}

<div class="product-sku-values-item {{imageSizeClassName}} {{imageClassName}} {{className}}  {{colorClassName}} {{ 'skyStyle-' | append: theme_config.global.product_sku_style }}   {% if productSkuStyle == "color" and sku.isImg  %}colorRender{% endif %}" data-index="{{ keyIndex }}" data-idx="{{ forloop.index }}" data-value='{{ val | json | escape }}' is_deleteProduct="{{ val.deleteItem }}">
          {%- if val.available == 0 -%}
            <div class="product-sku-values-item-disable-mask"></div>
          {%- endif -%}
         {%- if productSkuStyle == "color" and sku.isImg  -%}
            <div class="product-sku-value-color-item" style='background-color:{{val.colorValue}}'></div>
         {%- elsif  val.image != "" and sku.isImg -%}
          <img data-src="{{val.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  />
            {%- if productSkuStyle == "image_text" -%}
              <span>{{ val.name }}</span>
            {%- endif -%}
          {%- else -%}
            {{ val.name }}
          {%- endif -%}
        </div>
        {% endfor %}
      </div>
      </div>
      </div>
      {% endfor %}

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">

<div class="sku-item-col">
      <div class="cell-item moi-product-sku-label" data-type="key">
      <span class="product-sku-name">{{ sku.name }}</span>
      </div>
      <div class="cell-item moi-product-sku-value" data-type="values">
      <div class="product-sku-values">
        <label class="product-sku-select" >
        <select class="product-sku-unselect">
            {% if checkedFirstSku == '2' %}
              <option  value="0" {% if sku.selected_value == "" %}selected="selected"{% endif %} disabled >{{lang.product.please_select}}</option>
            {% endif %}
            
            {% for val in sku.value %}

{%- capture disabled -%}
            {% if val.available == 0 %}disabled{% endif %}
            {% if sku.selected_value == val.value %} selected{% endif %}
            {%- endcapture -%}

<option value='{{val.value}}' {{disabled}}  data-index="{{ keyIndex }}" data-value='{{ val | json | escape }}'>{{ val.name }}</option>
            {% endfor %}
        </select>

<svg class="product-sku-select-delete" data-index="{{ keyIndex }}" viewBox="0 0 1024 1024" {% if sku.selected_value == "" or checkedFirstSku != '2' %}style="display: none;"{% endif %} version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4673" width="20" height="20"><path d="M804.992 838.229333L240.896 274.133333l33.237333-33.237333 564.096 564.096z" fill="#1D1F21" p-id="4674"></path><path d="M274.133333 838.229333l-33.237333-33.237333L804.992 240.896l33.237333 33.237333z" fill="#1D1F21" p-id="4675"></path></svg>
        <div class="mo-edge" {% if checkedFirstSku == '2' and sku.selected_value != "" %}style="display: none;"{% endif %}></div>
        </label>
      </div>
      </div>
      </div>
      </div>
      {% endfor %}

<div class="sku_option-template_all">
      {% for item in variant %}
      <div class="sku_option-template_all-cell {% if item.available ==0 %} --template-all-disable {% endif %}">
        <input type="radio" {% if item.checked %} checked {% endif %} {% if item.available ==0 %} disabled {% endif %} name="sku_option-template_all_{{templateId}}" value="{{item.sku_code}}" id="template-{{item.id}}" hidden>
        <label for="template-{{item.id}}" class="sku_option-template_all-item">
          <div class="--template-all-left">
            <span class="sku_option-template_all-item-icon"></span>

{%- if productSkuStyle == "color" and item.colorCard  -%}
              <div class="--template-all-color" style='background-color:{{item.colorValue}}'></div>
            {%- elsif  item.image and item.colorCard -%}
              <img class="--template-all-img" data-src="{{item.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  />
            {% endif %}
            <span class="--template-all-left_text">{{item.name}}</span>
            
            {% comment %} <span class="--template-all-left_tag">Free Shipping</span> {% endcomment %}
          </div>
          <div class="--template_all-right">
            <span class="--template_all-price">{{item.price |  money}}</span>
            {% if item.price < item.compare_at_price %}
              <span class="--template_all-compare_at_price">{{item.compare_at_price |  money}}</span>
            {% endif %}
          </div>
          {% if item.ext1 and item.ext1 != '' %}
          <div class="--template_all-tag">{{item.ext1}}</div>
          {% endif %}
        </label>
      </div>

{% endfor %}
    </div>

</div>

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      {% assign index = forloop.index0 %}
      {% if sku.type == "multiple" %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
        <div class="cell-item moi-product-sku-value" style="margin-top:16px">
          <div class="moi-product-sku-multiple">
            <table class="moi-product-sku-multiple-table">
              <thead>
                <tr>
                  <td class="multiple-md-width40 "><span>{{sku.name}}</span></td>
                 
                  <td class="multiple-md-hidden">{{lang.account.orders_detail.price | default:"Price"}}</td>
                  {% if theme_config.global.product_inventory_status and inventory_tracking != 0 %}
                  <td class="multiple-md-hidden">{{lang.general.stock | default:"Stock"}}</td>
                  {% endif %}
                  <td  style='    text-align: right;' class="step-items-end">
                    <div class="step-items-center">
                    <span {% if unlimited %}class="stock-sotes"{% endif %}>{{lang.general.qty | default:"QTY"}}</span>
                    <span class="multiple-reset">

<svg t="1725352112242" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4300" width="16" height="16"><path d="M896 192v110.72A448 448 0 0 0 544 128 455.04 455.04 0 0 0 128 403.2l64 25.6A391.04 391.04 0 0 1 544 192a388.48 388.48 0 0 1 330.88 192H704v64h256V192zM544 832a388.48 388.48 0 0 1-330.88-192H384V576H128v256h64v-110.72A448 448 0 0 0 544 896 455.04 455.04 0 0 0 960 620.8l-64-25.6A391.04 391.04 0 0 1 544 832z" fill="currentColor" p-id="4301"></path></svg>
                    <span class="multiple-reset-text">{{lang.general.reset | default:"Reset"}}</span>
                    </span>
                    </div>

</td>
                </tr>
              </thead>
              <tbody>
              {% for val in sku.value %}
                {% assign idx = forloop.index0 %}
                  <tr>
                    <td>
                   <div style="display: flex;align-items: center;gap: 10px;">
                        {% if sku.isImg %}
                    {% if productSkuStyle == "color" %}
                     {% if val.colorValue != "" %}
                      <div style="width: 24px;height: 24px;border-radius: 50%;border:1px solid #e2e2e2;background-color: {{val.colorValue | remove: ' ' | remove: "'"}};"></div>
                     {% endif %}
                    {% else %}
                      {% if val.image != "" %}
                      <img data-src="{{val.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}" style="width: 40px;height: 40px;object-fit: contain;"/>
                      {% endif %}
                    {% endif %}
                  {% endif %}
                   <div style="display: flex;flex-direction: column;">
                     <span class="{% if val.available != 0 %}font-bold{% endif %} df-flex-text-wrap"   {% if val.available == 0 %}style="text-decoration: line-through;color: #999 !important;"{% endif %}>{{val.name}}</span>
                     <span class="multiple-md-block df-flex-text-wrap">{{val.formatPrice}}{% if theme_config.global.product_inventory_status and inventory_tracking != 0 %} | {{lang.general.stock | default:"Stock"}} {{val.quantity}}{% endif %}</span>
                   </div>
                      </div>
                    </td>
                    <td class="multiple-md-hidden">{{val.formatPrice}}</td>
                    {% if theme_config.global.product_inventory_status and inventory_tracking != 0 %}
                    <td class="multiple-md-hidden">{{val.quantity}}</td>
                    {% endif %}
                    <td style='text-align: right;' class="step-items-end sp_table_content">
                      <div class="step-items-center">
                        {% if val.available == 0 %}
                          <span>{{lang.account.wishlist.product_offline}}</span>
                        {% else %}
                        <div class="step-warp" data-keys="{{index}},{{idx}}">
                            <div class="step-warp-handle" data-type='minus' {% if val.add_quantity == 0 %}disabled{% endif %} ></div>
                            <input class="step-warp-value notranslate"   min="1"  type="number" value="{{val.add_quantity}}"/>
                            <div class="step-warp-handle" {% if val.available == 0 %}disabled{% endif %} data-type='plus'></div>
                        </div>
                        {% endif %}
                      </div>
                    </td>
                  </tr>
              {% endfor %}
                
              </tbody>
            </table>
            <div class="multiple-total">
              <div class="multiple-total-lable" style="color: #999999;">
                <span class="font-bold" >{{lang.cart.list.total | default:"Total"}}</span>  (<span class="font-bold variant">0</span> {{lang.general.variations | default:"variations"}} <span class="font-bold item">0</span> {{lang.promotions.piece | default:"items"}}) 
              </div>
              <div class="multiple-total-value">{{0|money}}</div>
            </div>
          </div>        
        </div>
      </div>

{% else %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
        <div class="cell-item moi-product-sku-label" data-type="key">
        <span class="product-sku-name">{{ sku.name }}
          {%- if sku.isImg -%}
              {%- if productSkuStyle == "image" or productSkuStyle == "color" -%}
              :<span style="font-weight: bold;color:#333;">{{sku.selected_value_label}}</span>
              {%- endif -%}
          {%- endif -%}
      
        </span>
        </div>
        <div class="cell-item moi-product-sku-value" style="margin-top:8px" data-type="values">
        <div class="product-sku-values">

{% for val in sku.value %}
          {%- capture className -%}
          {% if val.available == 0 %}product-sku-values-item-disable{% endif %}
          {% if sku.selected_value == val.value %}product-sku-values-item-active{% endif %}
          {%- endcapture -%}
          
          {%- capture imageClassName -%}
          {%- if val.image != "" and sku.isImg -%}
          product-sku-values-item-image
          {%- endif -%}
          {%- endcapture -%}

{%- capture imageSizeClassName -%}
          {%- if val.image != "" and sku.isImg -%}
          {%- if productSkuStyle == "image" or productSkuStyle == "image_text" -%}
          {{productSkuSize}}
          {%- endif -%}
          {%- endif -%}
          {%- endcapture -%}

{%- capture colorClassName -%}
          {%- if productSkuStyle == "color" and sku.isImg -%}product-sku-value-color{%- endif -%}
          {%- endcapture -%}

<div style="position: relative;" class="product-sku-values-item {{imageSizeClassName}} {{imageClassName}} {{className}}  {{colorClassName}} {{ 'skyStyle-' | append: theme_config.global.product_sku_style }}   {% if productSkuStyle == "color" and sku.isImg  %}colorRender{% endif %}" data-index="{{ keyIndex }}" data-idx="{{ forloop.index }}"  is_deleteProduct="{{ val.deleteItem }}">
            <div class="multiple-angle" data-id="{{val.value}}"></div>
            {%- if val.available == 0 -%}
              <div class="product-sku-values-item-disable-mask"></div>
            {%- endif -%}
          {%- if productSkuStyle == "color" and sku.isImg  -%}
              <div class="product-sku-value-color-item" style='background-color:{{val.colorValue}}'></div>
          {%- elsif  val.image != "" and sku.isImg -%}
            <img data-src="{{val.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  />
              {%- if productSkuStyle == "image_text" -%}
                <span>{{ val.name }}</span>
              {%- endif -%}
            {%- else -%}
              {{ val.name }}
            {%- endif -%}
          </div>
          {% endfor %}

</div>
        </div>
      </div>

{% endif %}

{% endfor %}

<div class="coupons-record-box" style="--coupons-color:{{storeConfig.pay_color}};{% if coupons.size > 6 %}height:220px;{% endif %}">
    <div class="coupons-record-title">{{lang.coupons.available_num | replace: '{number}',coupons.size}}</div>
    <div class="coupons-record-wrap">
      {% for coupon in coupons %}
      <div class="coupons-record-item {% if showCouponCode == coupon.coupon_code %}coupons-record-item-active{% endif %}" data-code="{{coupon.coupon_code}}">
        <div class="coupons-record-item-body">
          <div class="coupons-record-item-header">
            <div class="coupons-record-item-riado"></div>
            <div class="coupons-record-item-code">
              {{coupon.coupon_code}}
              {%- if coupon.customer_range != 0 -%}
              <div class="coupons-exclusive-label">
                🎁 {{ lang.coupon.exclusive }}
              </div>
              {%- endif -%}
            </div>
          </div>
          <div class="coupons-record-item-label">
            {%- if coupon.rule.discount.type == 1 -%}
            <span>{{ coupon.rule.discount.value }}%</span> OFF
            {%- else -%}
            <span>-{{ coupon.rule.discount.value | money }}</span> 
            {%- endif -%}
            {% if coupon.rule.condition.type == 0 %}
						, {{lang.coupons.discount_rule_extra}}
						{% elsif coupon.rule.condition.type == 1  %}
            {% assign coupon_value = coupon.rule.condition.value %}
						, {{lang.coupons.discount_rule_count | replace: '{condition}',coupon_value }}
						{% else %}
              {%- capture coupon_value -%}
                {%- if coupon.rule.condition.max_value and coupon.rule.condition.value != 0 -%}
                  {{ coupon.rule.condition.value | money }} - {{ coupon.rule.condition.max_value | money }}
                {%- endif -%}
                {%- if coupon.rule.condition.max_value and coupon.rule.condition.value == 0 -%}
                    ≤ {{ coupon.rule.condition.max_value | money }}
                {%- endif -%}
                {%- unless coupon.rule.condition.max_value -%}
                  {{ coupon.rule.condition.value | money }} +
                {%- endunless -%}
              {%- endcapture -%}
						, {{lang.coupons.discount_rule_amount | replace: '{condition}',coupon_value }}
						{% endif %}
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
    {% if coupons.size > 6 %}
      <div class="coupons-record-more">
        <div class="coupons-record-more-btn">{{lang.base.show_more}}</div>
      </div>
    {% endif %}
</div>

Home / DIOR

DIOR

Shop Dior at NIGO Office

Founded by Christian Dior in 1946, Dior revolutionized post-war fashion with the iconic "New Look." Today the house continues to define luxury across haute couture, ready-to-wear, leather goods, and accessories under creative directors Maria Grazia Chiuri and Kim Jones.

Browse over 830 Dior items at NIGO Office including the legendary Saddle Bag, Lady Dior, Book Tote, 30 Montaigne, and B23 sneakers alongside jewelry and sunglasses.

FAQ

What Dior bags do you carry?

Saddle, Lady Dior, Book Tote, 30 Montaigne, Bobby, Gallop, Camp, and Miss Dior collections.

Is Dior menswear available?

Yes - including Dior Oblique pieces, B23 sneakers, jewelry, and accessories from the men's collections.

Filter

Sort by

842 Products

Sort by

Dior Safari Canvas Backpack Bag Bags #nigo96559

Dior Safari Canvas Backpack Bag Bags #nigo96559 - 2

Dior Safari Canvas Backpack Bag Bags #nigo96559

$ 317.10 $ 453.00

Save $ 135.90

Dior Bomber Jacket With Criss Cross Collar #nigo96548

Dior Bomber Jacket With Criss Cross Collar #nigo96548 - 2

Dior Bomber Jacket With Criss Cross Collar #nigo96548

$ 281.76 $ 402.52

Save $ 120.76

Dior B27 Sneakers Shoes #nigo7627

Dior B27 Sneakers Shoes #nigo7627 - 2

Dior B27 Sneakers Shoes #nigo7627

$ 157.51 $ 225.01

Save $ 67.50

Dior Waisted Reversible Long Coat Jacket Ngvp #nigo6632

Dior Waisted Reversible Long Coat Jacket Ngvp #nigo6632 - 2

Dior Waisted Reversible Long Coat Jacket Ngvp #nigo6632

$ 280.01 $ 400.02

Save $ 120.01

Dior Oblique Long Sleeve Zip Puffer Down Jacket #nigo96496

Dior Oblique Long Sleeve Zip Puffer Down Jacket #nigo96496 - 2

Dior Oblique Long Sleeve Zip Puffer Down Jacket #nigo96496

$ 245.00 $ 350.00

Save $ 105.00

Dior ALPS Leather Printed Sleeveless Down Vest #nigo96475

Dior ALPS Leather Printed Sleeveless Down Vest #nigo96475 - 2

Dior ALPS Leather Printed Sleeveless Down Vest #nigo96475

$ 280.70 $ 401.00

Save $ 120.30

Dior B31 Mesh Fabric Low Top Sneakers Shoes #nigo96437

Dior B31 Mesh Fabric Low Top Sneakers Shoes #nigo96437 - 2

Dior B31 Mesh Fabric Low Top Sneakers Shoes #nigo96437

$ 140.01 $ 200.01

Save $ 60.00

Dior Black Diamond Check Short Coat Ngvp #nigo6576

Dior Black Diamond Check Short Coat Ngvp #nigo6576 - 2

Dior Black Diamond Check Short Coat Ngvp #nigo6576

$ 245.01 $ 350.02

Save $ 105.01

Dior NIGO Zippered Hooded Sports Jacket #nigo96164

Dior NIGO Zippered Hooded Sports Jacket #nigo96164 - 2

Dior NIGO Zippered Hooded Sports Jacket #nigo96164

$ 141.06 $ 201.51

Save $ 60.45

Dior Women's Latest Limited Edition Heavy Duty Bead Princess Bag #nigo57739

Dior Women's Latest Limited Edition Heavy Duty Bead Princess Bag #nigo57739 - 2

Dior Women's Latest Limited Edition Heavy Duty Bead Princess Bag #nigo57739

$ 630.04 $ 900.06

Save $ 270.02

Dior NIGO Short Sleeve Shirt Shorts Suit Set #nigo5941

Dior NIGO Short Sleeve Shirt Shorts Suit Set #nigo5941 - 2

Dior NIGO Short Sleeve Shirt Shorts Suit Set #nigo5941

$ 87.50 $ 125.00

Save $ 37.50

Dior Black grain calfskin men's mail bag shoulder bags #nigo7475

Dior Black grain calfskin men's mail bag shoulder bags #nigo7475 - 2

Dior Black grain calfskin men's mail bag shoulder bags #nigo7475

$ 245.01 $ 350.02

Save $ 105.01

Dior NIGO Men's Old Flower Special Bag Bags #nigo56628

Dior NIGO Men's Old Flower Special Bag Bags #nigo56628 - 2

Dior NIGO Men's Old Flower Special Bag Bags #nigo56628

$ 315.01 $ 450.02

Save $ 135.01

Dior NIGO Leather Chain Carrying Shoulder Bag #nigo56586

Dior NIGO Leather Chain Carrying Shoulder Bag #nigo56586 - 2

Dior NIGO Leather Chain Carrying Shoulder Bag #nigo56586

$ 280.02 $ 400.03

Save $ 120.01

Dior Long Sleeve Solid Color Printed Shirt #nigo5772

Dior Long Sleeve Solid Color Printed Shirt #nigo5772 - 2

Dior Long Sleeve Solid Color Printed Shirt #nigo5772

$ 163.34 $ 233.34

Save $ 70.00

Dior Men's And Women's Ski Glasses #nigo51875

Dior Men's And Women's Ski Glasses #nigo51875 - 2

Dior Men's And Women's Ski Glasses #nigo51875

$ 140.01 $ 200.02

Save $ 60.01

Dior Winter ski goggles #nigo82671

Dior Winter ski goggles #nigo82671 - 2

Dior Winter ski goggles #nigo82671

$ 140.01 $ 200.02

Save $ 60.01

DIOR Canvas Shoes Sneakers #nigo8431

DIOR Canvas Shoes Sneakers #nigo8431 - 2

DIOR Canvas Shoes Sneakers #nigo8431

$ 140.01 $ 200.02

Save $ 60.01

DIOR Canvas Portable Square Tote Bag Bags #nigo56244

DIOR Canvas Portable Square Tote Bag Bags #nigo56244 - 2

DIOR Canvas Portable Square Tote Bag Bags #nigo56244

$ 210.01 $ 300.02

Save $ 90.01

Dior Strap Insulated Mug Cup #nigo5516

Dior Strap Insulated Mug Cup #nigo5516 - 2

Dior Strap Insulated Mug Cup #nigo5516

$ 70.00 $ 100.00

Save $ 30.00

Dior Navy Letter Jacquard Large Leather Blanket Wool Scarf #nigo56466

Dior Navy Letter Jacquard Large Leather Blanket Wool Scarf #nigo56466 - 2

Dior Navy Letter Jacquard Large Leather Blanket Wool Scarf #nigo56466

$ 210.01 $ 300.02

Save $ 90.01

Dior Fashion Sunglasses Daily Casual Wear Accessories Jewelry #nigo82678

Dior Fashion Sunglasses Daily Casual Wear Accessories Jewelry #nigo82678 - 2

Dior Fashion Sunglasses Daily Casual Wear Accessories Jewelry #nigo82678

$ 74.68 $ 106.69

Save $ 32.01

Dior Button Up Shirt Puffer Down Jacket #nigo56289

Dior Button Up Shirt Puffer Down Jacket #nigo56289 - 2

Dior Button Up Shirt Puffer Down Jacket #nigo56289

$ 175.01 $ 250.02

Save $ 75.01

Dior Ski Series Set Skateboard Gloves Helmet Ski Goggles #nigo6446

Dior Ski Series Set Skateboard Gloves Helmet Ski Goggles #nigo6446 - 2

Dior Ski Series Set Skateboard Gloves Helmet Ski Goggles #nigo6446

$ 245.00 $ 350.00

Save $ 105.00

Dior Leather Backpack Bag #nigo5469

Dior Leather Backpack Bag #nigo5469 - 2

Dior Leather Backpack Bag #nigo5469

$ 245.01 $ 350.02

Save $ 105.01

DIOR Beaded Handbag Bag Bags #nigo52425

DIOR Beaded Handbag Bag Bags #nigo52425 - 2

DIOR Beaded Handbag Bag Bags #nigo52425

$ 280.01 $ 400.02

Save $ 120.01

Dior Grained Cow Leather Hand Luggage Bag #nigo9783

Dior Grained Cow Leather Hand Luggage Bag #nigo9783 - 2

Dior Grained Cow Leather Hand Luggage Bag #nigo9783

$ 303.35 $ 433.36

Save $ 130.01

Dior Suede Low Top Casual Shoes #nigo5423

Dior Suede Low Top Casual Shoes #nigo5423 - 2

Dior Suede Low Top Casual Shoes #nigo5423

$ 157.51 $ 225.02

Save $ 67.51

Dior Men's And Women's Spring And Autumn Hoodie Sweater #nigo54727

Dior Men's And Women's Spring And Autumn Hoodie Sweater #nigo54727 - 2

Dior Men's And Women's Spring And Autumn Hoodie Sweater #nigo54727

$ 105.01 $ 150.01

Save $ 45.00

Dior Leather Thin Cute Belt #nigo55856

Dior Leather Thin Cute Belt #nigo55856 - 2

Dior Leather Thin Cute Belt #nigo55856

$ 87.50 $ 125.00

Save $ 37.50

Dior Flat Bottom Stereo Logo Sneaker Shoes #nigo52245

$ 157.51 $ 225.02

Save $ 67.51

Dior Canvas Leather Martin Boots Shoes #nigo9776

Dior Canvas Leather Martin Boots Shoes #nigo9776 - 2

Dior Canvas Leather Martin Boots Shoes #nigo9776

$ 157.51 $ 225.02

Save $ 67.51

Dior Rhinestone Chain Stripe Two Piece Ring Accessories Jewelry #nigo82415

Dior Rhinestone Chain Stripe Two Piece Ring Accessories Jewelry #nigo82415 - 2

Dior Rhinestone Chain Stripe Two Piece Ring Accessories Jewelry #nigo82415

$ 70.00 $ 100.00

Save $ 30.00

Dior Suitcase Luggage Trolley Case Bag Bags #nigo622

Dior Suitcase Luggage Trolley Case Bag Bags #nigo622 - 2

Dior Suitcase Luggage Trolley Case Bag Bags #nigo622

$ 490.04 $ 700.05

Save $ 210.01

Dior Portable Briefcase Bag Bags #nigo4885

Dior Portable Briefcase Bag Bags #nigo4885 - 2

Dior Portable Briefcase Bag Bags #nigo4885

$ 280.02 $ 400.03

Save $ 120.01

Dior Men's Leather Shoes Martin Boots Shoes #nigo1445

Dior Men's Leather Shoes Martin Boots Shoes #nigo1445 - 2

Dior Men's Leather Shoes Martin Boots Shoes #nigo1445

$ 209.99 $ 299.99

Save $ 90.00

Dior Plaid High Top Canvas Shoes Sneakers #nigo8429

Dior Plaid High Top Canvas Shoes Sneakers #nigo8429 - 2

Dior Plaid High Top Canvas Shoes Sneakers #nigo8429

$ 157.51 $ 225.02

Save $ 67.51

Dior Mesh Fabric Logo Sneaker Shoes #nigo8488

$ 140.01 $ 200.02

Save $ 60.01

DIOR Men's and Women's Wallet Bag Bags #nigo52348

DIOR Men's and Women's Wallet Bag Bags #nigo52348 - 2

DIOR Men's and Women's Wallet Bag Bags #nigo52348

$ 129.50 $ 185.00

Save $ 55.50

Dior Flat Sports Sneakers Shoes #nigo56146

Dior Flat Sports Sneakers Shoes #nigo56146 - 2

Dior Flat Sports Sneakers Shoes #nigo56146

$ 175.00 $ 250.00

Save $ 75.00

Dior Women's Shell Head Mid Barrel Lace Up Boots Shoes #nigo52111

Dior Women's Shell Head Mid Barrel Lace Up Boots Shoes #nigo52111 - 2

Dior Women's Shell Head Mid Barrel Lace Up Boots Shoes #nigo52111

$ 175.01 $ 250.02

Save $ 75.01

Dior Logo High Boots For Women'sWith Monogrammed Shoes #nigo51876

$ 210.01 $ 300.02

Save $ 90.01

Dior Shoulder Strap With Ring Bag Bags #nigo6677

Dior Shoulder Strap With Ring Bag Bags #nigo6677 - 2

Dior Shoulder Strap With Ring Bag Bags #nigo6677

$ 94.51 $ 135.01

Save $ 40.50

Dior Tote bag Tote Bags #nigo51434

Dior Tote bag Tote Bags #nigo51434 - 2

Dior Tote bag Tote Bags #nigo51434

$ 280.02 $ 400.03

Save $ 120.01

Dior Fashion Handbag Metal Pendant Shoulder Tote Bag Leather Bag #nigo51855

Dior Fashion Handbag Metal Pendant Shoulder Tote Bag Leather Bag #nigo51855 - 2

Dior Fashion Handbag Metal Pendant Shoulder Tote Bag Leather Bag #nigo51855

$ 315.01 $ 450.02

Save $ 135.01

Dior Saddle Bags Oblique Shoulder Messenger Leather Bag #nigo59296

Dior Saddle Bags Oblique Shoulder Messenger Leather Bag #nigo59296 - 2

Dior Saddle Bags Oblique Shoulder Messenger Leather Bag #nigo59296

$ 245.01 $ 350.02

Save $ 105.01

DIOR Diamond Hand Carry One Shoulder Messenger Bag #nigo51735

DIOR Diamond Hand Carry One Shoulder Messenger Bag #nigo51735 - 2

DIOR Diamond Hand Carry One Shoulder Messenger Bag #nigo51735

$ 280.02 $ 400.03

Save $ 120.01

DIOR Technical Fabric Sneakers Shoes #nigo6130

DIOR Technical Fabric Sneakers Shoes #nigo6130 - 2

DIOR Technical Fabric Sneakers Shoes #nigo6130

$ 175.00 $ 250.00

Save $ 75.00

Dior 21ss Exporer Derby Shoes #nigo3836

Dior 21ss Exporer Derby Shoes #nigo3836 - 2

Dior 21ss Exporer Derby Shoes #nigo3836

$ 172.68 $ 246.69

Save $ 74.01

Dior Mini Canvas Small Round Bag Coin Purse Bags #nigo54131

Dior Mini Canvas Small Round Bag Coin Purse Bags #nigo54131 - 2

Dior Mini Canvas Small Round Bag Coin Purse Bags #nigo54131

$ 175.01 $ 250.02

Save $ 75.01

Dior Mini Necklace Diagonal Bag Headphone Bags #nigo53766

Dior Mini Necklace Diagonal Bag Headphone Bags #nigo53766 - 2

Dior Mini Necklace Diagonal Bag Headphone Bags #nigo53766

$ 87.50 $ 125.00

Save $ 37.50

Dior Crossbody Bag Bags #nigo53328

Dior Crossbody Bag Bags #nigo53328 - 2

Dior Crossbody Bag Bags #nigo53328

$ 245.01 $ 350.02

Save $ 105.01

DIOR Walk Oblique Embroidery Shoes Sneakers #nigo589

DIOR Walk Oblique Embroidery Shoes Sneakers #nigo589 - 2

DIOR Walk Oblique Embroidery Shoes Sneakers #nigo589

$ 129.50 $ 185.00

Save $ 55.50

Dior Irregular Fanny Pack Pockets Leather Bag Bags #nigo53875

Dior Irregular Fanny Pack Pockets Leather Bag Bags #nigo53875 - 2

Dior Irregular Fanny Pack Pockets Leather Bag Bags #nigo53875

$ 280.02 $ 400.03

Save $ 120.01

Dior Vertical Pouch Bag Bags #nigo7227

Dior Vertical Pouch Bag Bags #nigo7227 - 2

Dior Vertical Pouch Bag Bags #nigo7227

$ 210.01 $ 300.02

Save $ 90.01

DIOR Nigo Lingot 50 Bag Bags #nigo8813

DIOR Nigo Lingot 50 Bag Bags #nigo8813 - 2

DIOR Nigo Lingot 50 Bag Bags #nigo8813

$ 359.35 $ 513.36

Save $ 154.01

Dior Alpha Sandal Shoes #nigo7812

Dior Alpha Sandal Shoes #nigo7812 - 2

Dior Alpha Sandal Shoes #nigo7812

$ 105.01 $ 150.01

Save $ 45.00

Dior 30 Montaigne Chain Bag Bags #nigo3682

Dior 30 Montaigne Chain Bag Bags #nigo3682 - 2

Dior 30 Montaigne Chain Bag Bags #nigo3682

$ 280.02 $ 400.03

Save $ 120.01

DIOR Solid Embroidered Logo Short Sleeve Polo Shirt #nigo4826

$ 63.01 $ 90.01

Save $ 27.00

DIOR Short Sleeve T-shirt #nigo8227

DIOR Short Sleeve T-shirt #nigo8227 - 2

DIOR Short Sleeve T-shirt #nigo8227

$ 70.00 $ 100.00

Save $ 30.00

Dior Logo Print With Shoulder Strap Clutch Bag Bags #nigo4576

$ 175.01 $ 250.02

Save $ 75.01

Dior Makeup And Skin Care Bags Bag #nigo4696

Dior Makeup And Skin Care Bags Bag #nigo4696 - 2

Dior Makeup And Skin Care Bags Bag #nigo4696

$ 245.01 $ 350.02

Save $ 105.01

Dior Gray Oblique Embroidery Tote Bag Bags #nigo7273

Dior Gray Oblique Embroidery Tote Bag Bags #nigo7273 - 2

Dior Gray Oblique Embroidery Tote Bag Bags #nigo7273

$ 269.51 $ 385.02

Save $ 115.51

Dior Sunglasses #nigo2689

Dior Sunglasses #nigo2689 - 2

Dior Sunglasses #nigo2689

$ 70.00 $ 100.00

Save $ 30.00

DIOR Hollow Embossed Logo Leather Bag Bags #nigo4457

$ 245.01 $ 350.02

Save $ 105.01

Dior Quilted Leather Sandals Slippers Shoes #nigo4761

Dior Quilted Leather Sandals Slippers Shoes #nigo4761 - 2

Dior Quilted Leather Sandals Slippers Shoes #nigo4761

$ 129.50 $ 185.00

Save $ 55.50

Dior X Nike Low Top Casual Sneakers Shoes #nigo4724

Dior X Nike Low Top Casual Sneakers Shoes #nigo4724 - 2

Dior X Nike Low Top Casual Sneakers Shoes #nigo4724

$ 175.01 $ 250.02

Save $ 75.01

DIOR Lingot 26 Bag Bags #nigo8812

DIOR Lingot 26 Bag Bags #nigo8812 - 2

DIOR Lingot 26 Bag Bags #nigo8812

$ 269.51 $ 385.02

Save $ 115.51

Dior Kettle Thermos Cup Original Box #nigo7256

Dior Kettle Thermos Cup Original Box #nigo7256 - 2

Dior Kettle Thermos Cup Original Box #nigo7256

$ 105.00 $ 150.00

Save $ 45.00

Dior Calfskin Saddle Backpack #nigo2266

Dior Calfskin Saddle Backpack #nigo2266 - 2

Dior Calfskin Saddle Backpack #nigo2266

$ 306.26 $ 437.52

Save $ 131.26

Dior Fashion Women'sPearl Stud Earrings Accessories Jewelry #nigo89568

Dior Fashion Women'sPearl Stud Earrings Accessories Jewelry #nigo89568 - 2

Dior Fashion Women'sPearl Stud Earrings Accessories Jewelry #nigo89568

$ 56.00 $ 80.00

Save $ 24.00

Dior Sheepskin Leather Jacket #nigo7725

Dior Sheepskin Leather Jacket #nigo7725 - 2

Dior Sheepskin Leather Jacket #nigo7725

$ 490.04 $ 700.05

Save $ 210.01

DIOR Reversible Oblique Bomber Jacket Coat #nigo8773

DIOR Reversible Oblique Bomber Jacket Coat #nigo8773 - 2

DIOR Reversible Oblique Bomber Jacket Coat #nigo8773

$ 210.01 $ 300.02

Save $ 90.01

Dior Wool Jacket Bathrobe Coat Home Pajamas #nigo9981

Dior Wool Jacket Bathrobe Coat Home Pajamas #nigo9981 - 2

Dior Wool Jacket Bathrobe Coat Home Pajamas #nigo9981

$ 175.01 $ 250.02

Save $ 75.01

Dior A4 Business Leather Printed Hand Bag #nigo21761

Dior A4 Business Leather Printed Hand Bag #nigo21761 - 2

Dior A4 Business Leather Printed Hand Bag #nigo21761

$ 177.11 $ 253.01

Save $ 75.90

Dior Placemat Cutlery Mat Knife And Fork Series #nigo96335

Dior Placemat Cutlery Mat Knife And Fork Series #nigo96335 - 2

Dior Placemat Cutlery Mat Knife And Fork Series #nigo96335

$ 140.01 $ 200.02

Save $ 60.01

Dior Couture Relaxed-Fit T-Shirt Torn Short Sleeve Solid Colour #nigo96329

Dior Couture Relaxed-Fit T-Shirt Torn Short Sleeve Solid Colour #nigo96329 - 2

Dior Couture Relaxed-Fit T-Shirt Torn Short Sleeve Solid Colour #nigo96329

$ 87.50 $ 125.00

Save $ 37.50

Dior MISS Leather Carrying Chain Bag #nigo21721

Dior MISS Leather Carrying Chain Bag #nigo21721 - 2

Dior MISS Leather Carrying Chain Bag #nigo21721

$ 385.00 $ 550.00

Save $ 165.00

Dior MISS CARO Leather Chain Bag #nigo21719

Dior MISS CARO Leather Chain Bag #nigo21719 - 2

Dior MISS CARO Leather Chain Bag #nigo21719

$ 350.00 $ 500.00

Save $ 150.00

Dior X Nike Low Top Casual Sneakers Shoes #nigo4724

Dior X Nike Low Top Casual Sneakers Shoes #nigo4724 - 2

Dior X Nike Low Top Casual Sneakers Shoes #nigo4724

$ 175.01 $ 250.02

Save $ 75.01

1 ... 5 6 7 8 9 10 11

Shopping Cart