{%- 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 %} 
{% if product.data_from %}
    {% assign app_data_from = product.data_from | split: "_" %}
    {% assign data_from_ca = app_data_from[0]| prepend: "app_" %}
    {% assign data_spm_id = app_data_from[1] %}
{% else %}
    {% assign data_from_ca = page_ca %}
    {% assign data_spm_id = data_spm_id %}
{% endif %}

{%- capture spm -%}
  {{data_from_ca}}.{{data_spm_id}}.{{block_type}}-{{block_id}}.{{forloop.index}}.
{%- endcapture -%}

{%- 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={{data_from}}&spm={{spm}}
    {%- else -%}
      {%- if collection_handle and collection_handle != "" -%}/collections/{{collection_handle}}{% endif %}/products/{{ product.handle }}?data_from={{data_from}}&spm={{spm}}
    {%- 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 -%}
  {%- assign  text  = product.metafields.list_ribbon.text.value[0] | default: theme_config.global.decor_display_style.decor_text | ""  -%}
  {%- assign imgUrl = product.metafields.list_ribbon.image.value[0].src | default: theme_config.global.decor_display_style.decorimg.src | public_front_asset_url -%}

<div class="collection_item overflow-hidden text-left {% if product.id %}m-item-expose{% endif %}" data-ec-data-spu="{{product.spu}}" data-data-from="{{product.data_from | default:data_from}}" data-spm="{{spm}}" data-hit-type-id="{{product.id}}" data-hit-type-label="{{product.title|escape}}">
  <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}}">
    {%- if  theme_config.global.decor_display_style.type == 'text' and text != ''  -%}
      <span style='--decor-bg-color: {{ theme_config.global.decor_display_style.decor_bg_color }}; --text-color: {{ theme_config.global.decor_display_style.text_color }}; --decor-font-size: {{ theme_config.global.decor_display_style.decor_font_size }}px; --text-border-radius:{{theme_config.global.decor_display_style.text_border_radius }}px;display: inline-flex;' >
        {%- if theme_config.global.decor_display_style.decor_text_position != 'before-name' -%}
           <span style='padding:{{ theme_config.global.decor_display_style.padding.top | abs }}px {{ theme_config.global.decor_display_style.padding.right | abs }}px {{ theme_config.global.decor_display_style.padding.bottom | abs }}px {{ theme_config.global.decor_display_style.padding.left | abs }}px;{% if theme_config.global.decor_display_style.decor_font_bold %} font-weight: 600; {% endif %}' class='decor-text text-{{ theme_config.global.decor_display_style.decor_text_position }}'>{{ text }}</span>
        {%- endif -%}
      </span>
    {%- endif -%}
    {%- if  theme_config.global.decor_display_style.type == 'img' and imgUrl != '' -%}
      <img style="max-height:{{ theme_config.global.decor_display_style.decor_img_height }}px !important; width: auto !important; max-width: 100% !important;height: auto !important;position: absolute;" class="decor-img img-{{ theme_config.global.decor_display_style.decor_img_position }}" src="{{ imgUrl }}" alt="{{ theme_config.global.decor_display_style.decorimg.alt }}">
    {%- endif -%}     
    <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}}">
    {%- if  theme_config.global.decor_display_style.type == 'text' and text != ''  -%}
        <span style='--decor-bg-color: {{ theme_config.global.decor_display_style.decor_bg_color }}; --text-color: {{ theme_config.global.decor_display_style.text_color }}; --decor-font-size: {{ theme_config.global.decor_display_style.decor_font_size }}px; --text-border-radius:{{theme_config.global.decor_display_style.text_border_radius }}px;display: inline-flex;' >
          {%- if theme_config.global.decor_display_style.decor_text_position == 'before-name' -%}
              <span style='padding:{{ theme_config.global.decor_display_style.padding.top | abs }}px {{ theme_config.global.decor_display_style.padding.right | abs }}px {{ theme_config.global.decor_display_style.padding.bottom | abs }}px {{ theme_config.global.decor_display_style.padding.left | abs }}px;{% if theme_config.global.decor_display_style.decor_font_bold %} font-weight: 600; {% endif %}' class='decor-text before-name'>{{ text }}</span>
          {%- endif -%}
        </span>
    {%- endif -%}
    {{ 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

All Products

Chrome Hearts Classic Embroidered PantsSizes: S, M, L

CH's new horseshoe-patterned Sanskrit long pants are now available in all sizes. Originally purchased from Dewu for 6200 RMB. Made of 480g 100% cotton with fleece lining. Printed with imported inks. Simple design, easy to follow. Custom accessories.

Blue details in real shot

Detailed photos of brown

Chrome Hearts New Pants with Leather Patched and Color MatchingFeatures include silver-plated hardware.Pink leather cross on the back.Both knees are made from a single piece of leather.Sizes: 28, 30, 32, 34

Chrome Hearts New Pants with Leather Patched and Logging FeaturesMatched design and color; silver-plated hardwareYellow leather cross on the backBoth knees are made from a single piece of leatherSizes 28, 30, 32, 34

Chrome Hearts Heavyweight Paratrooper Pants with Colorful Crosses. A relaxed, laid-back fit, suitable for waist sizes 66-100cm. The fabric is custom-woven and dyed, requiring a carbon-brushed finish on the front followed by a brushed finish (resultin

CH's new colorful patchwork paratrooper pants. Two colors and all sizes are now available. Made with a 200g synthetic fiber + cotton blend yarn, featuring a technically advanced three-proof fabric. The patchwork is made of imported lambskin leather,

CH's new colorful patchwork paratrooper pants. Two colors and all sizes are now available. Made with a 200g synthetic fiber + cotton blend yarn, featuring a technically advanced three-proof fabric. The patchwork is made of imported lambskin leather,

CH DeadlyDoll Comic Strip Pants, Black. All sizes available. Originally purchased from Hangzhou Guozhuan for 19,800 RMB. Made of 380g knitted cotton. Printed with imported plastisol technology. Custom metal drawstring closure. Loose fit. Unisex. Exce

CH DeadlyDoll comic book trousers, white. All sizes available. Originally purchased from Hangzhou Guozhuan for 12,800 RMB. Made of 350g knitted cotton. Printed with imported plastisol technology. Custom metal drawstring closure. Loose fit. Unisex. Ex

CH's new Chrome Hearts cargo pants. All sizes are now available. Made of 380g double-ply terry cotton, finished with a washed finish for a soft, supple, and substantial feel. Embroidery is processed on imported TAJIMA machines. Custom high-density ny