unchanging drawer cart problem that cannot be translated with translate and adapt

[tibyzone]

Hello,

I cannot translate the “remove” part of the drawer cart into another language.

I also searched in translate & adapt program but I couldn't find it.

I also searched for css files but unfortunately I couldn't find them

Link: https://t8tghv-qx.myshopify.com/

[Huptech-Web]

Hi @tibyzone 

To be able to translate using translate and adapt, you first need to add the English translation in en.default.json on the live store, not on preview, as the translate and adapt will only scan the live theme for default translation. 👇

Once you have copied the code from the hover state, add it where the remove is written static in the code for the cart drawer file. Once it is added, you can check the translate and adapt app, and you will find the input for remove translation 

[tibyzone]

it's already there in the folder for each language, but it doesn't work even if I change it. i think it's in another area

[Huptech-Web]

Hi @tibyzone 
Which theme are you using for the shopify store?

[tibyzone]

@Huptech-Web hi!

I'm using a personal theme from envato, not from shopify store

[Huptech-Web]

Hi @tibyzone 
Can you please provide the cart related files or code here so I can check and let you know the exact issue?

For example files like cart-drawer or main-cart ( as the theme is custom built I will not be able to tell you the exact file name ).

[tibyzone]

Hi again @Huptech-Web 

How are u?

cart-draw.css

.mini-cart-header{
  background-color: white;
    color: var(--color-body-text);
  }
.mini-cart-header .modal-header .close{
    position: relative;
    top:0;
    right:0;
}
.mini-cart-header .js-cart-count{
    position: static;
    border:none;
}
.js-mini-cart-content{
  background-color: white;
  flex-grow:1;
  overflow-x: hidden;
  overflow-y: auto;
}
.js-mini-cart-content .mini-cart-image{
  flex: 0 0 104px;
  padding-right: 24px;
}
.js-mini-cart-content .mini-cart-meta{
  flex: 0 0 calc(100% - 104px);
  padding-right: 0px;
}
.mini-cart-meta p{
  font-size: 14px;
}
.mini-cart-item{
  position: relative;
}
.js-remove-mini-cart{
    font-weight: normal;
    margin-left:16px;
    font-size: 12px;
}
.mini-cart-empty .iconcart-empty{
  background-color: rgba(var(--color-body-text-rgb),0.05);
  width: 80px;
  height: 80px;
  line-height: 78px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 24px auto;
}
.mini-cart-footer{
position: relative;
background-color: white;
}
.js-note-cart{
  position: absolute;
  background-color: white;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: visibility .25s ease-in-out,opacity .25s ease-in-out,transform .25s ease-in-out;
  padding: 48px 24px;
  left: -24px;
  right: -24px;
  bottom:-24px;
  box-shadow: 0 -8px 8px rgb(0 0 0 / 10%);
}
.drawer-crossell .product-card__price{
  margin-bottom: 1rem;
}


@media only screen and (min-width: 992px){
  .drawer-crossell{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 22rem;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: -1;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
    opacity: 0;
    transform: translate(3rem);
    transition-property: transform,opacity;
    transition-timing-function: ease;
    border-inline-end: 1px solid rgb(var(--color-border));
  }
  .cardraw.active .drawer-crossell{
    transform: translateX(calc(-100%));
    opacity: 1;
    transition-delay: .25s;
    transition-duration:0.4s;
  }
}
.drawer-crossell-product .drawer-crossell__item .first-image{
  transform: none !important;
}
@media (max-width:991px){
  .drawer-crossell-product {
    overflow-x: scroll;
  }
  .drawer-crossell-product .drawer-crossell__item{
    flex:0 0 260px;
    width: 260px;
    padding-right: 1rem; 
  }
}
@media (max-width:749px){
  .drawer-crossell-product .drawer-crossell__item{
  flex:0 0 260px;
  width: 260px;
  }
}
.drawer-crossell__item .product-card{
  display: flex;
  width: 100%;
}
.drawer-crossell__item .product-card__image-wr{
  flex: 0 0 80px;
}
.drawer-crossell__item .product-card__info{
  flex: 1;
  padding: 0 0 0 1.5rem !important;
  margin-bottom: 1rem;
}
.drawer-crossell__item .product-card__name{
  margin-bottom: 0.5rem;
  font-size: var(--g-font-size);
  letter-spacing: 0;
  font-family: var(--g-font-2);
  text-transform: inherit;
}
.drawer-crossell .slick-dots{
  bottom: -1.5rem;
  z-index: 10;
}

.boxgift{
  display: block;
  position: absolute;
  bottom: -24px;
  left: -24px;
  right: -24px;
  z-index: 100;
  background: white;
  text-align: center;
  padding: 40px;
  min-height: 200px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: visibility .25s ease-in-out,opacity .25s ease-in-out,transform .25s ease-in-out;
  box-shadow: 0 -8px 8px rgb(0 0 0 / 10%);
}
.block-addon__box--wrap{
  display: block;
  position: absolute;
  bottom: -24px;
  left: -24px;
  right: -24px;
  z-index: 100;
  background: white;
  text-align: center;
  padding: 40px;
  min-height: 220px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: visibility .25s ease-in-out,opacity .25s ease-in-out,transform .25s ease-in-out;
  box-shadow: 0 -8px 8px rgb(0 0 0 / 10%);
}
.block-addon__box--wrap .form-group label{
  font-weight:var(--g-font-weight-body);
  line-height:var(--g-body-lineheight);
}
.block-addon__box--wrap.active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  cursor: auto;
}
.js-cart-bottom label{ 
  font-weight:400;
  color:var(--g-color-heading);
  font-family: var(--g-font-2);
}
.js-cart-bottom .form-control{
  border-radius: var(--g-input-radius);
  background: var(--g-input-bg);
  border: 1px solid var(--g-input-border);
  outline: none;
  box-shadow: none;
  color: var(--g-color-heading);
  height: var(--g-input-height);
  line-height: var(--g-input-height);
}
.js-cart-bottom .form-control:focus,.js-cart-bottom .form-control:active{
  border-color: var(--g-color-heading);
  box-shadow: 0 0 0 1px rgb(var(--g-color-heading-rgb)) inset;
}
.boxgif__wrap svg{
  width: 64px;
  height: 64px;
  fill: transparent;
}
.open-gift svg{
  width: 20px;
  height: 20px;
  margin-right:4px;
  fill:none;
}
.edit-notecart svg, .edit-discountcode svg, .js-open-addon svg{
  width: 19px;
  height: 19px;
  margin-right:4px;
  fill:none;
}
.cardraw .mini-cart-content{
  padding: 0 24px;
  cursor: auto;
}
.block-addon__box{
  cursor: pointer;
}
.mini-cart-content.overlay:before{
  content:"";
  width: 100%;
  height: 100%;
  background-color: rgba(255,255, 255, 0.8);
  position: absolute;
  z-index: 1;
  cursor:auto;
}
.giftwrap{
  font-family:var(--g-font-2);
}
.drawer-crossell-product .slick-arrow{
  top:-49px;
  transform: translateY(0) !important;
  box-shadow:none;
  width:30px;
  height:30px;
  border:1px solid rgba(var(--g-color-heading-rgb),0.1);
  background-color:transparent;
}
.drawer-crossell-product .slick-arrow:before{
  font-size:12px;
  font-weight:700;
}
.drawer-crossell-product .slick-next{
  right:0;
}
.drawer-crossell-product .slick-prev{
  right:38px;
  left:auto;
}
.card-coupon{
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.card-coupon ul,.card-coupon ol{
  padding-left: 1rem;
}
.heading-coupon{
  cursor: pointer;
}
.heading-coupon .coupon-icon{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 8px;
  right: 0;
}
.heading-coupon .coupon-icon i{
  font-size: 12px;
}
.heading-coupon.collapsed .coupon-icon i::before{
  content: "\e93d";
}
.heading-coupon .coupon-icon i::before{
  content: "\e92d";
}
.mini-cart-img{
  position: relative;
  overflow: hidden;
}
.mini-cart-img.portrait {
  padding-top: var(--g-img-portrait) !important;
}
.mini-cart-img.square {
  padding-top: var(--g-img-square) !important;
}
.mini-cart-img.wide {
  padding-top: var(--g-img-wide) !important;
}
.mini-cart-img.landscape {
  padding-top: var(--g-img-landscape) !important;
}
.mini-cart-img.portrait img,.mini-cart-img.square img,.mini-cart-img.wide img,.mini-cart-img.landscape img{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media(max-width:749px){
  .open-gift span, .edit-notecart span, .edit-discountcode span, .js-open-addon span{
    display:none;
  }
  .block-addon{
    justify-content:center;
  }
  .block-addon__box--wrap{
    padding:32px;
  }
}
.btn-close-addon.link, .link.cart-note-close{
  font-size: var(--g-font-size);
}

[Huptech-Web]

Hi @tibyzone 
I'm Good, How are you?

I don't need the .css file but any file with the name cart in it (e.g., cart-abc.liquid, cart-xyz.liquid, or main-cart-abc.liquid ) and a .liquid extension. Also, can you tell me the theme name you purchased from Envato so it can help me resolve the translation issue.

[tibyzone]

Hello @Huptech-Web, im fine. Thank you.

The name of the theme I use is Poses

cart-template.liquid Will it do the job?

<!-- cart-template.liquid -->
<style>
  .js-qty__adjust{
    width: 30px;
  }
  .js-qty__input{
    background-color: #fff;
  }
  .cart-right{
    padding: 2rem 2.2rem;
  }
  @media(max-width:749px){
    .cart-right{
      padding: 2rem 1rem;
    }
  }
  #cart-payment-methods li svg{
    height: auto;
    width: 38px;
  }
  .qty-mobile{
    width: 120px;
    margin: 8px 0;
  }
  .qty-mobile .js-qty__input{
    height: 40px;
  }
  .block-coupon-cart .card-coupon{
    border-top:none;
    border-bottom-color:rgba(var(--g-color-heading-rgb),0.1);
  }
  .block-coupon-cart .form-control{
    width: 100%;
    border-radius: var(--g-input-radius);
    background-color: white;
    border: 1px solid var(--g-input-border);
    outline: none;
    box-shadow: none;
    color: var(--g-color-heading);
    height: var(--g-input-height);
    line-height: var(--g-input-height);
    padding: 0 1rem;
  }
</style>
<div data-section-id="{{ section.id }}" data-section-type="cart">
  <div class="container">
    {% if cart.item_count > 0 %}

      <h2 class="text-left h3 mb-lg-5 mb-3 mt-3">{{ 'cart.general.title' | t }}</h2>
      <form action="/cart" method="post" novalidate class="cart pb-5 mb-4">
        <div class="row">
          <div class="col-lg-8 pr-lg-5">
            <table class="responsive-table cart-table">
              <thead class="cart__row">
                <th colspan="2">{{ 'cart.label.product' | t }}</th>
                <th class="text-center">{{ 'cart.label.quantity' | t }}</th>
                <th class="text-right">{{ 'cart.label.total' | t }}</th>
              </thead>
              <tbody id="CartProducts">
                {% for item in cart.items %}
                  <tr class="cart__row responsive-table__row">
                    <td class="cart__cell--image">
                      <div class="d-flex">
                        <a href="{{ item.url | within: collections.all }}" class="cart__image ">
                          <img src="{{ item | image_url: width: 240 }}" alt="{{ item.title | escape }}"
                            loading="lazy"
                            width="{{ item.width }}"
                            height="{{ item.height }}">
                        </a>
                        <div class="d-flex d-lg-none pl-4 flex-column text-left">
                          <a href="{{ item.url }}" class="h6 text-body">
                            {{ item.product.title }}
                          </a>
                          {% unless item.variant.title contains 'Default' %}
                            <p>{{ item.variant.title }}</p>
                          {% endunless %}
                          {%- liquid
                            assign property_size = item.properties | size
                          -%}
                          {% if property_size > 0 %}
                            {% for p in item.properties %}
                              {% assign first_character_in_key = p.first | truncate: 1, '' %}
                              {% unless p.last == blank or first_character_in_key == '_' %}
                                {{ p.first }}:
                                {% if p.last contains '/uploads/' %}
                                  <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                                {% else %}
                                  {{ p.last }}
                                {% endif %}
        
                              {% endunless %}
                            {% endfor %}
                          {% endif %}
                          <div>
                            {% if item.original_line_price != item.line_price %}
                              <small class="cart-item__original-price cart__item-total"><s>{{ item.original_line_price | money }}</s></small><br>
                            {% endif %}
                            <span class="cart__item-total text-body">
                              {{ item.line_price | money }}
                            </span>
                            {% for discount in item.discounts %}
                              <p class="cart-item__discount cart__item-total">{{ discount.title }}</p>
                            {% endfor %}
                          </div>
                          <div class="qty-mobile">
                            <label for="Updates_{{ item.key }}" class="cart__quantity-label hide">{{ 'cart.label.quantity' | t }}</label>
                            <input type="number" name="updates[]" id="Updates_{{ item.key }}" class="cart__quantity" value="{{ item.quantity }}" min="0" data-line="{{ forloop.index }}" aria-label="{{ 'cart.label.quantity' | t }}">
                          </div>
                          <p>
                            <a class="small" href="/cart/change?line={{ forloop.index }}&amp;quantity=0">{{ 'cart.general.remove' | t }}</a>
                          </p>
                        </div>
                      </div>
                    </td>
                    <td class="d-none d-lg-table-cell">
                      <a href="{{ item.url }}" class="h6 text-body">
                        {{ item.product.title }}
                      </a>
                      {% unless item.variant.title contains 'Default' %}
                        <p>{{ item.variant.title }}</p>
                      {% endunless %}
    
                      {%- liquid
                        assign property_size = item.properties | size
                      -%}
                      {% if property_size > 0 %}
                        {% for p in item.properties %}
                          {% assign first_character_in_key = p.first | truncate: 1, '' %}
                          {% unless p.last == blank or first_character_in_key == '_' %}
                            {{ p.first }}:
                            {% if p.last contains '/uploads/' %}
                              <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                            {% else %}
                              {{ p.last }}
                            {% endif %}
    
                          {% endunless %}
                        {% endfor %}
                      {% endif %}
    
                      <p>
                        <a class="small" href="/cart/change?line={{ forloop.index }}&amp;quantity=0">{{ 'cart.general.remove' | t }}</a>
                      </p>
                    </td>
                    <td class="cart__cell--quantity d-none d-lg-table-cell">
                      <label for="Updates_{{ item.key }}" class="cart__quantity-label hide">{{ 'cart.label.quantity' | t }}</label>
                      <input type="number" name="updates[]" id="Updates_{{ item.key }}" class="cart__quantity" value="{{ item.quantity }}" min="0" data-line="{{ forloop.index }}" aria-label="{{ 'cart.label.quantity' | t }}">
                    </td>
                    <td class="cart__cell--total d-none d-lg-table-cell">
                      {% if item.original_line_price != item.line_price %}
                        <small class="cart-item__original-price cart__item-total"><s>{{ item.original_line_price | money }}</s></small><br>
                      {% endif %}
                      <span class="cart__item-total text-body">
                        {{ item.line_price | money }}
                      </span>
                      {% for discount in item.discounts %}
                        <p class="cart-item__discount cart__item-total">{{ discount.title }}</p>
                      {% endfor %}
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
            <div>
              {% assign product_gift = settings.product_gift %}
              {%- if settings.gift_wrapping_enable and product_gift != blank -%}
                <div class="d-flex align-items-center gap-2 py-4 border-top giftwrap flex-lg-row flex-column">
                <p class="font-family-2 mb-0 d-flex align-items-center gap-2">{% render 'icon-gift' %} {{ 'cart.gift.description' | t }} {{ product_gift.price | money }}</p>
                <div>
                <a class="add-gift__btn add-gift btn btn-outline btn-sm " href="{{ product_gift.url }}" data-id="{{ product_gift.selected_or_first_available_variant.id }}">
                  <div class="product-card__loading spinner-border" role="status"></div>
                  <span>{{ 'cart.gift.save' | t }}</span></a>
                </div>
                </div> 
              {%- endif -%}
              {% render 'shipping-calculator' %}
            </div>
          </div>
          <div class="col-lg-4">
            <div class="cart-right bg-gray-01">
            {% render 'free-shipping' %}
            <div class="row cart__row">
              {% if section.settings.cart_notes_enable %}
              <div class="col-12">
                <label for="CartSpecialInstructions">{{ 'cart.general.note' | t }}</label>
                <textarea name="note" id="CartSpecialInstructions" class="cart__note">{{ cart.note }}</textarea>
              </div>
              {% endif %}
              {%- if settings.coupon_code_enable -%}
                <div class="block-coupon col-12 block-coupon-cart">
                  <discount-code >
                    {%- if settings.coupon_code_title != blank -%}
                    <div id="list-coupon" class="pt-2 mb-3 text-left">
                      <div class="card-coupon">
                        <h6> {{ settings.coupon_code_title }} </h6>
                        <div class="pb-3 border-bottom mb-3">
                          {{ settings.coupon_code_content }}
                        </div>
                        <div class="d-flex flex-column align-items-center">
                          <div class="mb-4 w-100 text-left">
                            <label class="mb-1" for="discount-code-input">{{ 'cart.general.coupon_title' | t }}</label>
                            <div class="d-flex w-100 gap-2">
                              <input class="form-control" type="text" id="discount-code-input" autocomplete="on" value="">
                              <div>
                                <span id="apply-discount-btn" class="btn btn-theme">{{ 'cart.general.save' | t }}</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  {%- endif -%}
                  </discount-code>
                </div>
                <script>
                  class DiscountCode extends HTMLElement {
                      constructor() {
                        super();
                        this.couponCodeValue = document.getElementById('discount-code-input'); 
                        this.btnApply = document.getElementById('apply-discount-btn');
                        //this.checkCode();
                        this.btnApply.addEventListener('click', this.saveCode.bind(this));
                      }
                      checkCode(){
                        if (localStorage.getItem('couponCode')){
                          this.couponCodeValue.value = localStorage.getItem('couponCode');  
                          //this.couponCodeValue.classList.add('has-value');
                        }
                      }
                      saveCode(){
                        this.valCode = this.couponCodeValue.value;
                        localStorage.setItem('couponCode', this.valCode );
                        fetch(`/discount/${this.valCode}`)
                              .then((response) => response.text())
                              .then((responseText) => {
                          });
                      }
                    }
                    customElements.define('discount-code', DiscountCode);
                </script>
              {%- endif -%}
              <div class="col text-left">
                <div class="flex align-items-center mt-2">
                 <span class="mr-auto">{{ 'cart.general.total' | t }}</span>
                  <p class="h4 cart__subtotal text-body mt-0" id="CartSubtotal">{{ cart.total_price | money }}</p>
                </div>
                
                <p id="cartDiscountTotal txt-body-70">
                  {% if cart.total_discounts > 0 %}
                  {% assign savings = cart.total_discounts | money %}
                  {{ 'cart.general.savings_html' | t: price: savings }}
                  {% endif %}
                </p>
                {%- capture taxes_shipping_checkout -%}
                {%- if shop.taxes_included and shop.shipping_policy.body != blank -%}
                {{ 'cart.general.taxes_included_and_shipping_policy_html' | t: link: shop.shipping_policy.url }}
                {%- elsif shop.taxes_included -%}
                {{ 'cart.general.taxes_included_but_shipping_at_checkout' | t }}
                {%- elsif shop.shipping_policy.body != blank -%}
                {{ 'cart.general.taxes_and_shipping_policy_at_checkout_html' | t: link: shop.shipping_policy.url }}
                {%- else -%}
                {{ 'cart.general.taxes_and_shipping_at_checkout' | t }}
                {%- endif -%}
                {%- endcapture -%}
    
                <p class="cart__taxes rte txt-body-70">{{ taxes_shipping_checkout }}</p>
                <button type="submit" name="update" class="btn--secondary update-cart">{{ 'cart.general.update' | t }}</button>
                <button type="submit" name="checkout" class="btn btn-theme gradient-theme btn-cart-checkout w-100">{{ 'cart.general.checkout' | t }}</button>
                
                {%- if shop.enabled_payment_types != empty -%}
                  <p class="small txt-body-70 mt-4 mb-0 text-center">{{ 'cart.general.accept' | t }}</p>
                  <ul id="cart-payment-methods" class="list-inline payment-icons text-center">
                    {%- for type in shop.enabled_payment_types -%}
                    <li class="list-inline-item">
                      {{ type | payment_type_svg_tag: class: 'payment-icon' }}
                    </li>
                    {%- endfor -%}
                  </ul>
                {%- endif -%}
                {% if settings.safe_checkout_cart != blank %}
                <div class="cart-safe-checkout">
                  <img class="lazyload" loading="lazy" width="{{ settings.safe_checkout_cart.width }}" height="{{ settings.safe_checkout_cart.height }}"
                    src="{{ settings.safe_checkout_cart | image_url: width: 1, height: 1 }}" 
                    data-src="{{ settings.safe_checkout_cart | image_url: width: 300 }}"/>
                </div>
                {% endif %}
              </div>
            </div>
          </div>
          </div>
        </div>
        
      </form>
    {% else %}
      <div class="page-empty text-center">
        <h1 class="h3">{{ 'cart.general.title' | t }}</h1>
        <p class="cart--empty-message">{{ 'cart.general.empty' | t }}</p>
        <hr>
        <p class="cart--continue-message">
          <a href="/collections/all" class="btn btn-theme button mt-4">{{ 'cart.general.continue_browsing' | t }}</a>
        </p>
        <p class="cart--cookie-message">{{ 'cart.general.cookies_required' | t }}</p>
      </div>
    {% endif %}
    
  </div>
  <script id="CartProductTemplate" type="text/template">
    {% raw %}
      {{#items}}
      <tr class="cart__row responsive-table__row">
        <td class="cart__cell--image text-center">
          <div class="d-flex">
            <a href="{{ url }}" class="cart__image">
              <img src="{{ img }}" alt="{{ name }}">
            </a>
            <div class="d-flex d-lg-none pl-4 flex-column text-left">
              <a href="{{ url }}" class="h5">
                {{{ name }}}
              </a>
              {{#if variation}}
                <p>{{variation}}</p>
              {{/if}}
    
              {{#properties}}
                {{#each this}}
                  {{#if this}}
                    <p>{{@key}}: {{this}}</p>
                  {{/if}}
                {{/each}}
              {{/properties}}
              <div>
                {{#if discountsApplied}}
                <small class="cart-item__original-price cart__item-total"><s>{{{originalLinePrice}}}</s></small><br>
                <span class="cart__item-total">{{{linePrice}}}</span>
              {{else}}
                <span class="cart__item-total">{{{linePrice}}}</span>
              {{/if}}
              {{#if discountsApplied}}
              {{#each discounts}}
                <p class="cart-item__discount cart__item-total">{{ this.title }}</p>
                {{/each}}
              {{/if}}
              </div>
              <div class="qty-mobile">
                <label for="Updates_{{ key }}" class="cart__quantity-label hide">
                  {% endraw %}{{ 'cart.label.quantity' | t }}{% raw %}</label>
                <input type="number" name="updates[]" id="Updates_{{ key }}" value="{{ itemQty }}" min="0" data-line="{{ line }}" aria-label="{% endraw %}{{ 'cart.label.quantity' | t }}{% raw %}">
              </div>
              <p>
                <a class="small" href="/cart/change?line={{ line }}&amp;quantity=0">{% endraw %}{{ 'cart.general.remove' | t }}{% raw %}</a>
              </p>
            </div>
        </div>
        </td>
        <td class="d-none d-lg-table-cell">
          <a href="{{ url }}" class="h5">
            {{{ name }}}
          </a>
          {{#if variation}}
            <p>{{variation}}</p>
          {{/if}}

          {{#properties}}
            {{#each this}}
              {{#if this}}
                <p>{{@key}}: {{this}}</p>
              {{/if}}
            {{/each}}
          {{/properties}}

          <p>
            <a class="small" href="/cart/change?line={{ line }}&amp;quantity=0">{% endraw %}{{ 'cart.general.remove' | t }}{% raw %}</a>
          </p>
        </td>
        <td class="cart__cell--quantity d-none d-lg-table-cell ">
          <label for="Updates_{{ key }}" class="cart__quantity-label medium-up--hide">
            {% endraw %}{{ 'cart.label.quantity' | t }}{% raw %}</label>
          <input type="number" name="updates[]" id="Updates_{{ key }}" value="{{ itemQty }}" min="0" data-line="{{ line }}" aria-label="{% endraw %}{{ 'cart.label.quantity' | t }}{% raw %}">
        </td>
        <td class="cart__cell--total d-none d-lg-table-cell ">
          {{#if discountsApplied}}
            <small class="cart-item__original-price cart__item-total"><s>{{{originalLinePrice}}}</s></small><br>
            <span class="cart__item-total">{{{linePrice}}}</span>
          {{else}}
            <span class="cart__item-total">{{{linePrice}}}</span>
          {{/if}}
          {{#if discountsApplied}}
          {{#each discounts}}
            <p class="cart-item__discount cart__item-total">{{ this.title }}</p>
            {{/each}}
          {{/if}}
        </td>
      </tr>
      {{/items}}
    {% endraw %}
  </script>
</div>


<script type="application/json" id="CartJson-{{ section.id }}">
  {{ cart | json }}
</script>



{% schema %}
{
  "name": "Cart pages",
  "settings": [
    {
      "type": "checkbox",
      "id": "cart_notes_enable",
      "label": "Enable order notes",
      "default": true
    }
  ]
}
{% endschema %}

block-cart.liquid, icon-cart.liquid ve sticky-cart.liquid also have files