<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" 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 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 inventory_tracking != 0 %} | {{lang.general.stock | default:"Stock"}} {{val.quantity}}{% endif %}</span> </div> </div> </td> <td class="multiple-md-hidden">{{val.formatPrice}}</td> {% if 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>
ONLINE SHOP
Top-Rated Store
0
ONLINE SHOP
Top-Rated Store
Trusted quality.
23 Products
204K Sales
Highly Rated
SHOP
LOOKBOOKS
CONTACT
NEWS
USD
USD($)
EUR(€)
Home
/
Mens-Accessories-Socks
Mens-Accessories-Socks
Filter
Filter
Sort by
Featured
Best selling
Alphabetically, A-Z
Alphabetically, Z-A
Price, low to high
Price, high to low
Date, old to new
Date, new to old
32
Products
53%
OFF
Save
$ 9.86
Ranger Cushion 6" Socks
$ 8.72
$ 18.58
41%
OFF
Save
$ 5.42
Ranger Cushion 8" Socks
$ 7.61
$ 13.03
62%
OFF
Save
$ 17.32
6" Flexair Merino Socks
$ 10.58
$ 27.90
38%
OFF
Save
$ 4.68
Flexair Celz Merino 8" Socks
$ 7.42
$ 12.10
58%
OFF
Save
$ 13.59
180 Nuklr Thick Socks
$ 9.65
$ 23.24
62%
OFF
Save
$ 17.32
Flexair Merino 6" Socks
$ 10.58
$ 27.90
58%
OFF
Save
$ 13.59
180 Flora Socks
$ 9.65
$ 23.24
68%
OFF
Save
$ 28.50
6" Ranger Multi Socks Prepack
$ 13.37
$ 41.87
62%
OFF
Save
$ 17.35
Defend Water Socks
$ 10.59
$ 27.94
35%
OFF
Save
$ 3.93
Vayga Crew Socks
$ 7.24
$ 11.17
58%
OFF
Save
$ 13.59
180 Nitro Socks
$ 9.65
$ 23.24
51%
OFF
Save
$ 9.12
8" Ranger Fox 74 Socks
$ 8.53
$ 17.65
1
2
3
{%- capture crop_class -%} {% if theme_config.global.product_size != '0' %}product_card-picture-crop-{{theme_config.global.product_size}}{% endif %} {%- endcapture -%} {% for product in products %} {%- capture hover_class -%} {% if theme_config.global.product_move_two %}{% if product.images[1].src %}animation-hover{% endif %}{% endif %} {%- endcapture -%} {%- capture product_handle -%} {% if product.handle and product.handle != "" %} {%- if collection_product_url == '1' -%} /products/{{ product.handle }}?data_from={{product.data_from | default:data_from}} {%- else -%} {%- if collection_handle and collection_handle != "" -%}/collections/{{collection_handle}}{% endif %}/products/{{ product.handle }}?data_from={{product.data_from | default:data_from}} {%- endif -%} {% else %} javascript:; {%- endif -%} {%- endcapture -%} {%- capture product_alt -%} {%- if product.image.alt == "" -%} {{ product.title }} {%- else -%} {{ product.image.alt }} {%- endif -%} {%- endcapture -%} {%- capture text_ellipsis -%} {%- if theme_config.global.product_title_style == 'hide' -%} text-ellipsis {%- elsif theme_config.global.product_title_style == 'hide2' -%} text-ellipsis2 {%- endif -%} {%- endcapture -%} {%- capture supplier_name -%} {% if theme_config.global.supplier_display_selection == '1' %} <div class="supplier_name">{{ theme_config.global.supplier_name }}</div> {% elsif theme_config.global.supplier_display_selection == '2' %} <div class="supplier_name">{{ product.vendor }}</div> {% endif %} {%- endcapture -%} <div class="collection_item overflow-hidden text-left" > <a class="collection-product-item relative overflow-hidden {{crop_class}} {{hover_class}} plugin-product_item-img_box" data-product-id="{{product.id}}" href="{{product_handle}}"> <img class="collection-product-item-image default_img main-image w-full h-full" data-src="{{ product.src | public_front_asset_url }}" alt="{{product.image.alt | default : product.title }}" src="{{ 'empty.png' | public_asset_abs_dir_url }}"> {% if theme_config.global.product_move_two and product.images[1].src %} <img class="collection-product-item-image hover-two absolute w-full h-full left-0 top-0" data-sizes="auto" alt="{{product_alt}}" data-src="{{ product.images[1].src | public_front_asset_url }}" src="{{ 'empty.png' | public_asset_abs_dir_url }}"/> {% endif %} <div></div> {% if theme_config.global.product_discount_label and product.variant.price > 0 %} {% if product.variant.price < product.variant.compare_at_price %} {% if theme_config.global.product_discount_label_type == 1 %} {% assign price = product.variant.compare_at_price | minus: product.variant.price %} {% else %} {% assign price = product.variant.compare_at_price | minus: product.variant.price | divided_by: product.variant.compare_at_price | times: 100 | floor %} {% endif %} {% if price > 0 %} <div class="discount_tag {{ theme_config.global.discount_label_style }}"> <div class="discount_tag_graphics"></div> <div class="discount_tag_name"> {%- if theme_config.global.product_discount_label_type == 1 -%} {{ price | roundMoney }} <span>OFF</span> {%- else -%} {{ price }}% <span>OFF</span> {%- endif -%} </div> </div> {% endif %} {% endif %} {% endif %} {%- if product.available == 0 -%} <div class="product_card_soldout absolute top-[10px] text-[12px] left-[5px] px-[5px] bg-[#a0a0a0] text-[#ffffff]">{{ lang.general.sold_out }}</div> {%- endif -%} </a> <div class="!w-[90%] mx-auto item-caption-title {{text_ellipsis}} {% unless theme_config.global.product_title_model %}product_card-wap-name{% endunless %}"> {% if theme_config.global.product_discount_label_style_switch and product.variant.price > 0 %} {% if product.variant.price < product.variant.compare_at_price %} <div class="product_price" style='color:var(--discount_tag_color);margin-top: 4px;'> {{lang.general.save}} {% if theme_config.global.product_discount_label_style == 2 %} {% assign price = product.variant.compare_at_price | minus: product.variant.price | divided_by: product.variant.compare_at_price | times: 100 | floor %} <span class="notranslate">{{price}}%</span> {% else %} {% assign price = product.variant.compare_at_price | minus: product.variant.price | round: 2 %} <span class="notranslate">{{price | money}}</span> {% endif %} </div> {% endif %} {% endif %} <a href="{{product_handle}}">{{ product.highlight_title | default : product.title | default:"Title" }}</a> </div> {{supplier_name}} <div class="bottom_wrap !w-[90%] mx-auto flex xl:flex-row xl:justify-between flex-col gap-y-3 xl:items-center"> <div class="flex justify-between w-full"> <div class="item-caption"> <div class="item-caption-price notranslate"> {% if product.variant.price < 0 %} <span class="general_buying-color">{{ "88.88" | money }}</span> {% else %} <span class="general_buying-color">{{ product.variant.price | money }}</span> {% endif %} {% if product.variant.compare_at_price != "0" and product.variant.price < product.variant.compare_at_price %} <span class="general-oldprice">{{ product.variant.compare_at_price | default : "88.88" | money }}</span> {% endif %} </div> {%- unless theme_config.global.product_is_score == false -%} {% if product.star > 0 %} {% assign width = product.star | default:0 | divided_by: 5 | times:100 %} <div class="moi-start-warp product-info-star" style="margin-top:10px;justify-content: flex-start;"> <div class="comment-star-warp"> <div class="comment-star-base"> {% for index in (1..5) %} <svg t="1632626527998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7121" width="20" height="20"><path d="M512 0l122.88 352.96 389.12 2.752-300.8 238.08 118.272 380.032L512 747.392l-329.6 226.496L293.312 588.8 0.32 355.776l389.12-2.752z" fill="{{theme_config.global.product_score_uncheck_color | default:'#bbbbbb'}}" p-id="7122"></path></svg> {% endfor %} </div> <div class="comment-star-base comment-star-warp-choose" style="width:{{width}}%"> {% for index in (1..5) %} <svg t="1632626527998" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7121" width="20" height="20"><path d="M512 0l122.88 352.96 389.12 2.752-300.8 238.08 118.272 380.032L512 747.392l-329.6 226.496L293.312 588.8 0.32 355.776l389.12-2.752z" fill="{{theme_config.global.product_score_selected_color | default:'#F8AD6B'}}" p-id="7122"></path></svg> {% endfor %} </div> </div> {% if theme_config.global.product_is_score_number == 1 %} <span>(<span>{{ product.star }}</span>)</span> {% elsif theme_config.global.product_is_score_number == 2 and product.comment_total_count != 0 %} <span>(<span>{{ product.comment_total_count }}</span>)</span> {% else %} <span>{{ product.star }}</span><span>(<span>{{ product.comment_total_count }}</span>)</span> {% endif %} </div> {% endif %} {%- endunless -%} </div> </div> </div> {% if theme_config.global.product_img_list_type != 0 %} <div class="block_product_img_list noRender !w-[90%] mx-auto"> <div class="img_list" style="display: flex; justify-content: flex-start;"> {% if theme_config.global.product_img_list_type == "1" %} {% assign colorOptions = theme_config.global.product_sku_options | join: ',' | downcase | split: ',' %} {% assign isFindSuccess = false %} {% if product.variants.size > 0 %} {% for option in product.options %} {% assign option_name = option.name | downcase %} {% assign hasOptionName = colorOptions contains option_name %} {% if hasOptionName and isFindSuccess == false %} {% assign isFindSuccess = true %} {% assign optionIndex = option.position | plus: 1 %} {% assign optionTitle = "option" | append: optionIndex | append: "_title" %} {% assign optionValueTitle = "option" | append: optionIndex | append: "_value_title" %} {% assign optionValues = "" %} {% assign isSelectOptions = "" %} {% for optionValueItem in option.values %} {% assign optionValues = optionValues | append: optionValueItem.option_value | append: ',' %} {% endfor %} {% for variant in product.variants %} {% assign varinatTitle = variant[optionTitle] | downcase %} {% assign variantValue = variant[optionValueTitle] | downcase %} {% assign hasVarinatTitle = colorOptions contains varinatTitle %} {% assign hasValue = optionValues contains variantValue %} {% if hasVarinatTitle != "" and hasValue != "" %} {% unless isSelectOptions contains variantValue %} {% if variant.image %} {% assign isSelectOptions = isSelectOptions | append: variantValue | append: ',' %} <a href="{{ product_handle | append: "&variant_sku_code=" | append: variant.sku_code }}" class="img_list_item"><img data-src="{{variant.image.src | public_front_asset_url}}" src="{{ 'empty.png' | public_asset_abs_dir_url }}"></a> {% endif %} {% endunless %} {% endif %} {% endfor %} {% endif %} {% endfor %} {% endif %} {% elsif theme_config.global.product_img_list_type == "2" %} {% if product.variants.size > 0 %} {% for imgsItem in product.images %} <a href="{{ product_handle }}" class="img_list_item"><img data-src="{{ imgsItem.src | public_front_asset_url }}" src="{{ 'empty.png' | public_asset_abs_dir_url }}"></a> {% endfor %} {% endif %} {% endif %} <div class="morNumber"></div> </div> </div> {% endif %} </div> {% endfor %}
BACK
Shopping Cart
