Viascase

<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="/designs/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052111"  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="/designs/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052111"  />
            {%- 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="/designs/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052111"  />
            {% 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="/designs/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052111" 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="/designs/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052111"  />
              {%- 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>

We Free Shipping Worldwide.

ViasCare | Premium Phone Cases • Durable Protection • Stylish Design

🔥 Limited Deal Now! $29

Classic monogram & checkered patterns, iconic metal logo buckle.

Built-in secure card slot, slim shockproof full protection.

Luxury daily essential, multiple stylish colors available.

Limited stock, grab yours today!

✨ Only $39 | Free Global Shipping

Classic diamond quilting + gold CC hardware + branded wrist strap.

Built-in card slots, full drop protection, 3 elegant colors.

Ultra chic, perfect for everyday luxury look.

Limited stock, shop now!

Buy Now

LOUIS VUITTON

LOUIS VUITTON

1854 French luxury, iconic Monogram & craft

View More Styles

Louis Vuitton & Gucci Luxury Monogram Wallet Crossbody Phone Purse Case

Louis Vuitton & Gucci Luxury Monogram Wallet Crossbody Phone Purse Case

$ 59.00 $ 88.00

Save $ 29.00

(5.0)

QUICK VIEW

Louis Vuitton & Gucci Luxury Monogram Wallet Crossbody Phone Purse Case

Louis Vuitton & Gucci Luxury Monogram Wallet Crossbody Phone Purse Case

$ 59.00 $ 88.00

Save $ 29.00

(5.0)

QUICK VIEW

Louis Vuitton Embossed Monogram Wallet Crossbody Phone Bag

Louis Vuitton Embossed Monogram Wallet Crossbody Phone Bag

$ 65.00 $ 96.00

Save $ 31.00

(5.0)

QUICK VIEW

Louis Vuitton Embossed Monogram Card Holder Crossbody Strap Luxury Phone Case

Louis Vuitton Embossed Monogram Card Holder Crossbody Strap Luxury Phone Case

$ 48.00 $ 72.00

Save $ 24.00

(5.0)

QUICK VIEW

Luxury LV & Gucci Monogram Card Holder Wallet Phone Case

Luxury LV & Gucci Monogram Card Holder Wallet Phone Case

$ 35.00 $ 52.00

Save $ 17.00

(5.0)

QUICK VIEW

Luxury Designer Monogram Card Holder Phone Case | 2-in-1 Wallet Shockproof Cover

Luxury Designer Monogram Card Holder Phone Case | 2-in-1 Wallet Shockproof Cover

$ 29.00 $ 52.00

Save $ 23.00

(5.0)

QUICK VIEW

LV Classic Monogram Full Coverage Case - Top & Bottom Card Slots + Lanyard

LV Classic Monogram Full Coverage Case - Top & Bottom Card Slots + Lanyard

$ 45.00 $ 67.00

Save $ 22.00

(5.0)

QUICK VIEW

LV & Gucci Monogram Flip Phone Wallet Mini Crossbody Shoulder Bag With Card Slots

LV & Gucci Monogram Flip Phone Wallet Mini Crossbody Shoulder Bag With Card Slots

$ 65.00 $ 93.00

Save $ 28.00

(5.0)

QUICK VIEW

LV Classic Monogram Phone Case with Strong Magnetic & Logo Stand

$ 42.00 $ 67.00

Save $ 25.00

(5.0)

QUICK VIEW

LV Monogram Crossbody Multi-Function Wallet Phone Case with Coin Pocket

LV Monogram Crossbody Multi-Function Wallet Phone Case with Coin Pocket

$ 52.00 $ 78.00

Save $ 26.00

(4.7)

QUICK VIEW

Louis Vuitton Monogram Cartoon Vivienne Doll Luxury Phone Case

Louis Vuitton Monogram Cartoon Vivienne Doll Luxury Phone Case

$ 42.00 $ 53.00

Save $ 11.00

(5.0)

QUICK VIEW

GUCCI

GUCCI

1921 Italian luxury, iconic GG monogram & craft

View More Styles

Gucci GG Monogram Embossed Envelope Crossbody Wallet Phone Bag

Gucci GG Monogram Embossed Envelope Crossbody Wallet Phone Bag

$ 65.00 $ 88.00

Save $ 23.00

(5.0)

QUICK VIEW

Gucci Card Holder Phone Case

Gucci Card Holder Phone Case

$ 56.00 $ 84.00

Save $ 28.00

(4.7)

QUICK VIEW

Gucci GG Monogram Embossed Envelope Crossbody Wallet Phone Bag

Gucci GG Monogram Embossed Envelope Crossbody Wallet Phone Bag

$ 65.00 $ 88.00

Save $ 23.00

(5.0)

QUICK VIEW

Gucci Classic Monogram Phone Case | Metal Logo & Polished Edge, In Sync with Official Launch

$ 35.00 $ 55.00

Save $ 20.00

(4.7)

QUICK VIEW

Gucci Classic Monogram Phone Case - Card Slot Full Coverage | Timeless Luxury Collection

Gucci Classic Monogram Phone Case - Card Slot Full Coverage | Timeless Luxury Collection

$ 38.00 $ 57.00

Save $ 19.00

(4.7)

QUICK VIEW

Gucci Wallet Series Phone Case

Gucci Wallet Series Phone Case

$ 48.00 $ 72.00

Save $ 24.00

(4.7)

QUICK VIEW

LV & Gucci Classic Monogram Electroplated Frame Luxury Leather Phone Case

LV & Gucci Classic Monogram Electroplated Frame Luxury Leather Phone Case

$ 29.00 $ 38.00

Save $ 9.00

(5.0)

QUICK VIEW

Gucci Embossed GG Monogram Metal Logo Premium Leather Luxury Phone Case

$ 25.00 $ 38.00

Save $ 13.00

(5.0)

QUICK VIEW

Gucci P60 Original Leather Card Holder Phone Case | 2-in-1 Lanyard Hole for Crossbody Strap

Gucci P60 Original Leather Card Holder Phone Case | 2-in-1 Lanyard Hole for Crossbody Strap

$ 48.00 $ 72.00

Save $ 24.00

(4.7)

QUICK VIEW

CHANEL

CHANEL

Iconic French luxury brand since 1910, renowned for timeless elegance and the classic Double C logo.

View More Styles

Chanel Style Diamond Quilted Leather Flip Wallet Phone Case with Wrist Strap

Chanel Style Diamond Quilted Leather Flip Wallet Phone Case with Wrist Strap

$ 39.00 $ 63.00

Save $ 24.00

(5.0)

QUICK VIEW

Chanel Style Diamond Quilted Leather Flip Wallet Phone Case with Wrist Strap

Chanel Style Diamond Quilted Leather Flip Wallet Phone Case with Wrist Strap

$ 39.00 $ 63.00

Save $ 24.00

(5.0)

QUICK VIEW

Chanel Style Tweed Quilted Card Holder Wallet Luxury Phone Case

Chanel Style Tweed Quilted Card Holder Wallet Luxury Phone Case

$ 49.00 $ 73.00

Save $ 24.00

(5.0)

QUICK VIEW

Chanel-Style Tweed Crossbody Phone Case Bag with Chain Strap

Chanel-Style Tweed Crossbody Phone Case Bag with Chain Strap

$ 65.00 $ 88.00

Save $ 23.00

QUICK VIEW

Chanel Denim CC Crossbody iPhone Case with Card Slot

Chanel Denim CC Crossbody iPhone Case with Card Slot

$ 42.00 $ 63.00

Save $ 21.00

(4.8)

QUICK VIEW

White Chanel Quilted Caviar Leather Card Holder Chain Luxury Phone Case

White Chanel Quilted Caviar Leather Card Holder Chain Luxury Phone Case

$ 48.00 $ 72.00

Save $ 24.00

(5.0)

QUICK VIEW

Chanel Style Quilted Wallet Phone Case With Adjustable Chain Crossbody Strap

Chanel Style Quilted Wallet Phone Case With Adjustable Chain Crossbody Strap

$ 59.00 $ 88.00

Save $ 29.00

(5.0)

QUICK VIEW

Chanel Classic Quilted Leather 3D Gold Logo Luxury Phone Case

$ 25.00 $ 39.00

Save $ 14.00

(5.0)

QUICK VIEW

Chanel Style Quilted Leather Flip Card Holder Phone Case With Gold Chain Crossbody Strap

Chanel Style Quilted Leather Flip Card Holder Phone Case With Gold Chain Crossbody Strap

$ 65.00 $ 97.00

Save $ 32.00

(5.0)

QUICK VIEW

DIOR

DIOR

Legendary French luxury brand, famed for timeless haute couture and iconic elegant design.

View More Styles

Dior Oblique Monogram Flip Wallet Phone Case With Brand Wrist Strap

$ 49.00 $ 73.00

Save $ 24.00

(5.0)

QUICK VIEW

Dior Saddle Card Holder Phone Case

Dior Saddle Card Holder Phone Case

$ 49.00 $ 73.00

Save $ 24.00

(4.7)

QUICK VIEW

Dior Oblique Monogram Flip Wallet Phone Case With Brand Wrist Strap

$ 49.00 $ 73.00

Save $ 24.00

(5.0)

QUICK VIEW

Dior Montaigne Card Holder Phone Case Embroidered Strap

Dior Montaigne Card Holder Phone Case Embroidered Strap

$ 49.00 $ 73.00

Save $ 24.00

(4.8)

QUICK VIEW

Dior Oblique Jacquard Phone Case Bag with Crossbody Strap & Chain Handle

Dior Oblique Jacquard Phone Case Bag with Crossbody Strap & Chain Handle

$ 59.00 $ 78.00

Save $ 19.00

QUICK VIEW

Dior Heart Quilted Leather Rhinestone Logo Luxury Electroplated Frame Phone Case

$ 35.00 $ 48.00

Save $ 13.00

(5.0)

QUICK VIEW

Dior Lady Dior Quilted Phone Case with Metal Pendant

Dior Lady Dior Quilted Phone Case with Metal Pendant

$ 42.00 $ 67.00

Save $ 25.00

(4.7)

QUICK VIEW

Dior Classic Quilted Leather 3D Gold Logo Luxury Shockproof Phone Case

$ 29.00 $ 38.00

Save $ 9.00

(5.0)

QUICK VIEW

Dior Card Holder Crossbody Phone Case with Chain Strap

Dior Card Holder Crossbody Phone Case with Chain Strap

$ 42.00 $ 63.00

Save $ 21.00

(4.7)

QUICK VIEW

Dior Montaigne 30 Monogram Card Holder Phone Case

Dior Montaigne 30 Monogram Card Holder Phone Case

$ 49.00 $ 69.00

Save $ 20.00

(4.8)

QUICK VIEW

Dior Card Holder Phone Case Lychee Pattern Magnetic Case

Dior Card Holder Phone Case Lychee Pattern Magnetic Case

$ 39.00 $ 58.00

Save $ 19.00

(4.7)

QUICK VIEW

HERMES

HERMÈS

1837 French luxury, timeless craftsmanship & iconic leather goods.

View More Styles

Hermès Paris Embossed Leather Card Slot Luxury Phone Case

Hermès Paris Embossed Leather Card Slot Luxury Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(5.0)

QUICK VIEW

Hermès Style Premium Leather Card Holder Phone Case

Hermès Style Premium Leather Card Holder Phone Case

$ 49.00 $ 73.00

Save $ 24.00

(5.0)

QUICK VIEW

Hermès Paris Embossed Leather Card Slot Luxury Phone Case

Hermès Paris Embossed Leather Card Slot Luxury Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(5.0)

QUICK VIEW

Hermès Signature Orange Embossed H Logo Leather Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(5.0)

QUICK VIEW

Hermès Embossed Monogram Leather Card Holder Phone Case

Hermès Embossed Monogram Leather Card Holder Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(5.0)

QUICK VIEW

Hermès Style Luxury Leather Card Holder Phone Case | Wrist Strap & Horse Charm

Hermès Style Luxury Leather Card Holder Phone Case | Wrist Strap & Horse Charm

$ 49.00 $ 73.00

Save $ 24.00

(5.0)

QUICK VIEW

Hermès Paris Embossed Leather Card Pocket Crossbody Luxury Phone Case

Hermès Paris Embossed Leather Card Pocket Crossbody Luxury Phone Case

$ 45.00 $ 67.00

Save $ 22.00

(5.0)

QUICK VIEW

Hermès H Horse Logo Premium Leather Luxury Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(5.0)

QUICK VIEW

Hermès Starry Series Full-Wrap iPhone Case

Hermès Starry Series Full-Wrap iPhone Case

$ 39.00 $ 58.00

Save $ 19.00

(4.8)

QUICK VIEW

PRADA

PRADA

1913 Italian luxury, minimalist classic design.

View More Styles

PRADA Card Holder Phone Case

PRADA Card Holder Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(4.7)

QUICK VIEW

Prada Style Crossbody Wallet Phone Case with Mini Bag Lanyard

Prada Style Crossbody Wallet Phone Case with Mini Bag Lanyard

$ 43.00 $ 49.00

Save $ 6.00

(5.0)

QUICK VIEW

Prada Saffiano Leather Flip Wallet Card Holder Luxury Phone Case

Prada Saffiano Leather Flip Wallet Card Holder Luxury Phone Case

$ 45.00 $ 67.00

Save $ 22.00

(5.0)

QUICK VIEW

Prada Style Full Diamond Glitter Phone Case With Crossbody Chain Strap

Prada Style Full Diamond Glitter Phone Case With Crossbody Chain Strap

$ 55.00 $ 82.00

Save $ 27.00

(5.0)

QUICK VIEW

PRADA Card Holder Phone Case

PRADA Card Holder Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(4.7)

QUICK VIEW

Prada Style Bling Diamond Phone Case with Triangular Logo

$ 55.00 $ 82.00

Save $ 27.00

(5.0)

QUICK VIEW

Prada Style Classic Cross Grain Leather Texture Phone Case

Prada Style Classic Cross Grain Leather Texture Phone Case

$ 35.00 $ 52.00

Save $ 17.00

(5.0)

QUICK VIEW

Prada Style Gradient Full Rhinestone Glitter Phone Case

Prada Style Gradient Full Rhinestone Glitter Phone Case

$ 59.00 $ 88.00

Save $ 29.00

(5.0)

QUICK VIEW

LOEWE

LOEWE

Spanish luxury brand founded in 1846, famed for artisanal leather goods, minimalist design & iconic Puzzle bag.

View More Styles

Loewe Style Leather Card Holder Phone Case with Crossbody Woven Strap

Loewe Style Leather Card Holder Phone Case with Crossbody Woven Strap

$ 49.00 $ 86.00

Save $ 37.00

(5.0)

QUICK VIEW

Loewe Style Leather Card Holder Phone Case with Crossbody Woven Strap

Loewe Style Leather Card Holder Phone Case with Crossbody Woven Strap

$ 49.00 $ 86.00

Save $ 37.00

(5.0)

QUICK VIEW

Loewe Flip Card Holder iPhone Case with Short Wrist Strap

Loewe Flip Card Holder iPhone Case with Short Wrist Strap

$ 45.00 $ 67.00

Save $ 22.00

(4.7)

QUICK VIEW

Loewe Style Anagram Embossed Card Holder Crossbody Phone Case

Loewe Style Anagram Embossed Card Holder Crossbody Phone Case

$ 46.00 $ 69.00

Save $ 23.00

(5.0)

QUICK VIEW

LOEWE Wrist Strap Phone Case

LOEWE Wrist Strap Phone Case

$ 45.00 $ 67.00

Save $ 22.00

(4.7)

QUICK VIEW

Loewe Hot Stamping Full-Cover Phone Case

Loewe Hot Stamping Full-Cover Phone Case

$ 38.00 $ 57.00

Save $ 19.00

(4.7)

QUICK VIEW

CELINE

CELINE

Iconic French luxury brand, famed for minimalist elegance and timeless modern design.

View More Styles

Celine Triomphe Monogram Card Slot Crossbody Phone Case

Celine Triomphe Monogram Card Slot Crossbody Phone Case

$ 59.00 $ 88.00

Save $ 29.00

(5.0)

QUICK VIEW

Celine Triomphe Monogram Card Slot Crossbody Phone Case

Celine Triomphe Monogram Card Slot Crossbody Phone Case

$ 59.00 $ 88.00

Save $ 29.00

(5.0)

QUICK VIEW

Celine Triomphe Monogram Card Holder Crossbody Phone Case

Celine Triomphe Monogram Card Holder Crossbody Phone Case

$ 49.00 $ 73.00

Save $ 24.00

(5.0)

QUICK VIEW

Celine Triomphe 3D Logo Padded Leather Luxury Shockproof Phone Case

$ 25.00 $ 37.00

Save $ 12.00

(5.0)

QUICK VIEW

Celine Triomphe Monogram Wrist Strap Luxury Phone Case

Celine Triomphe Monogram Wrist Strap Luxury Phone Case

$ 39.00 $ 58.00

Save $ 19.00

(5.0)

QUICK VIEW

YVES SAINT LAURENT

Yvs Saint Laurent

Saint Laurent is a premium French luxury brand, famous for minimalist elegance and stylish luxury accessories.

YSL V-Shaped Quilted Leather Diamond Metal Logo Electroplated Frame Luxury Phone Case

$ 29.00 $ 38.00

Save $ 9.00

(5.0)

QUICK VIEW

YSL V-Shaped Quilted Leather Diamond Metal Logo Electroplated Frame Luxury Phone Case

$ 29.00 $ 38.00

Save $ 9.00

(5.0)

QUICK VIEW

YSL Black Glitter Vertical Stripe 3D Gold Logo Luxury Phone Case

$ 42.00 $ 63.00

Save $ 21.00

(5.0)

QUICK VIEW

YSL Full Bling Glitter Diamond 3D Metal Logo Luxury Shockproof Phone Case

$ 42.00 $ 63.00

Save $ 21.00

(5.0)

QUICK VIEW

GOYA

GOYA

Goyard – Parisian luxury since 1853, renowned for exclusive leather goods and signature chevron canvas.

Goyard Classic Monogram Detachable Card Holder Wallet Luxury Phone Case

Goyard Classic Monogram Detachable Card Holder Wallet Luxury Phone Case

$ 35.00 $ 52.00

Save $ 17.00

(5.0)

QUICK VIEW

Goyard Classic Monogram Detachable Card Holder Wallet Luxury Phone Case

Goyard Classic Monogram Detachable Card Holder Wallet Luxury Phone Case

$ 35.00 $ 52.00

Save $ 17.00

(5.0)

QUICK VIEW

Goyard Classic Monogram Full Coverage Lens Frame Ultra Slim Luxury Phone Case

Goyard Classic Monogram Full Coverage Lens Frame Ultra Slim Luxury Phone Case

$ 29.00 $ 38.00

Save $ 9.00

(5.0)

QUICK VIEW

Goyard X KAWS Skeleton Collage Monogram Card Holder Luxury Phone Case

Goyard X KAWS Skeleton Collage Monogram Card Holder Luxury Phone Case

$ 35.00 $ 47.00

Save $ 12.00

(5.0)

QUICK VIEW

Goyard Classic All-Over Monogram Print Slim Shockproof Luxury Phone Case

Goyard Classic All-Over Monogram Print Slim Shockproof Luxury Phone Case

$ 29.00 $ 39.00

Save $ 10.00

(5.0)

QUICK VIEW

COMPANY LINTRODUCTION

ViasCare is dedicated to premium phone case craftsmanship, integrating drop protection, scratch resistance, anti-yellowing performance, a slim lightweight feel, and trendy aesthetics. We focus on creating branded phone cases with high beauty, durability, and cost-effectiveness. Crafting quality products through meticulous details and defining individuality with stylish designs, we deliver reliable protection and exclusive personality for every cherished device

LOUIS VUITTON

Founded in Paris, France in 1854, Louis Vuitton is a world-renowned luxury brand under LVMH. Rooted in travel heritage, it’s iconic for Monogram canvas, Damier patterns, and exceptional craftsmanship. It offers leather goods, ready-to-wear, accessories, watches, jewelry, and more, defining timeless luxury globally.

Worldwide Delivery

Fast Shipping to over 200+ countries, Package Location Tracking Online.
Safe Payment

Secure Payment VIA Paypal, Don't keep any cards information.
Buyer Protection

7-day Satisfaction Guarantee, Full Refund if dont receive orders.

Shopping Cart