How to edit a <td> inside {% raw %} (VENTURE THEME)

Solved
JLbyone
Excursionist
169 16 34

Hi there, im really confused with that, i know  {% raw %} is used to temporarily disables tag processing, but there is some td with class , and i want to make that one with class too, but when i add a class, there is happening nothing:

rawedit.jpg

 

0 Likes
JLbyone
Excursionist
169 16 34

i want to add to that <td> ( class="cart__cell_details") 

 

   .cart__cell_details {
    width: 80%;
    font-size: 8px;
    margin-left: -15em;
    margin-top: -5em;
   }

 

KetanKumar
Shopify Partner
14053 1639 5040

@JLbyone 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JLbyone
Excursionist
169 16 34

Hi @KetanKumar thank you for your time sir! here is my url preview https://oxvbp3002u8u05zw-53196980409.shopifypreview.com

that change is in the cart page, mobile view, desktop view its showing correctly

0 Likes
JLbyone
Excursionist
169 16 34

Anyone can help me to resolve that issue?

0 Likes
KetanKumar
Shopify Partner
14053 1639 5040

@JLbyone 

thanks for url 

can you please share code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JLbyone
Excursionist
169 16 34
<div data-section-id="{{ section.id }}" data-section-type="cart">
  <div class="page-width">
    {% if cart.item_count > 0 %}
    <div class="c-cart__header">
      <span class="c-cart__header__item">Carrito</span> 
      <span class="c-cart__header__item">Cantidad</span> 
      <span class="c-cart__header__item">Precio</span>
    </div>
    <hr id="hr_space_product">  
      <form action="{{ routes.cart_url }}" method="post" novalidate class="cart">
        <table class="responsive-table cart-table">
          <thead class="cart__row visually-hidden">
            <th colspan="2">{{ 'cart.label.product' | t }}</th>
            <th>{{ 'cart.label.quantity' | t }}</th>
            <th>{{ '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 text-center" id="cart_cell_image_style">
                  <a href="{{ item.url | within: collections.all }}" class="cart__image">
                    <img src="{{ item | img_url: '240x240' }}" id="img_cart" alt="{{ item.title | escape }}">
                  </a>
                </td>
                <td>
                  <a href="{{ item.url }}" class="h5">
                    {{ item.product.title }}
                  </a>
                  {% unless item.variant.title contains 'Default' %}
                    <p>{{ item.variant.title }}</p>
                  {% endunless %}

                  {% unless item.selling_plan_allocation == nil %}
                    <p>{{ item.selling_plan_allocation.selling_plan.name }}</p>
                  {% endunless %}

                  {% 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>
                          {{ p.first }}:
                          {% if p.last contains '/uploads/' %}
                            <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                          {% else %}
                            {{ p.last }}
                          {% endif %}
                        </p>
                      {% endunless %}
                    {% endfor %}
                  {% endif %}

                  <p>
                    <a href="{{ routes.cart_change_url }}?line={{ forloop.index }}&amp;quantity=0">{{ 'cart.general.remove' | t }}</a>
                  </p>
                </td>
                <td class="cart__cell--quantity" id="cart_cell_quantity_style">
                  <label for="Updates_{{ item.key }}" id="quantity_title" class="cart__quantity-label medium-up--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">
                  {%- if item.original_line_price != item.final_line_price -%}
                    <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
                    <del class="cart__item-total">{{ item.original_line_price | money }}</del>
                    <span class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
                    <span class="cart__item-total">{{ item.final_line_price | money }}</span>
                  {%- else -%}
                  
                    <span class="cart__item-total">{{ item.original_line_price | money }}</span>
                  {%- endif -%}
                  {%- if item.unit_price_measurement -%}
                    {% include 'product-unit-price', product_variant: item %}
                  {%- endif -%}

                  {%- if item.line_level_discount_allocations != blank -%}
                    <ul class="order-discount order-discount--cart order-discount--list order-discount--title" aria-label="{{ 'customer.order.discount' | t }}">
                      {%- for discount_allocation in item.line_level_discount_allocations -%}
                        <li class="order-discount__item">
                          {%- include 'icon-saletag' -%}{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
                        </li>
                      {%- endfor -%}
                    </ul>
                  {%- endif -%}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
       <hr class="hr_space_products" id="hr_space_product">  
        <div class="discount_cart_container">
        <span id="discount-field_cart_text">Código Descuento</span> 
        <input id="discount-field_cart" type="text" name="discount">
        </div>
        
        <div class="grid cart__row">
          {% if section.settings.cart_notes_enable %}
            <div class="grid__item medium-up--one-half">
              <label for="CartSpecialInstructions">{{ 'cart.general.note' | t }}</label>
              <textarea name="note" id="CartSpecialInstructions" class="cart__note">{{ cart.note }}</textarea>
            </div>
          {% endif %}
          <div class="grid__item cart__buttons text-right small--text-center{% if section.settings.cart_notes_enable %} medium-up--one-half{% endif %}">             
            <div id="CartFooter">
              {%- if cart.cart_level_discount_applications != blank -%}
                <div id="cartDiscountTotal" class="order-discount-cart-wrapper">
                  {%- for discount_application in cart.cart_level_discount_applications -%}
                    <span class="order-discount order-discount--title order-discount--cart">
                      {%- include 'icon-saletag' -%}<span class="visually-hidden">{{ 'customer.order.discount' | t }}:</span><span data-cart-discount-title>{{- discount_application.title -}}</span>
                    </span>
                    <span class="order-discount order-discount--cart"><strong>-<span data-cart-discount-amount>{{ discount_application.total_allocated_amount | money }}</span></strong></span>
                  {%- endfor -%}
                </div>
              {%- endif -%}
            <div class="cart_total_container">
             <div class="cart_total_privacy">
              <input type="checkbox" value="privacy" id="privacy" required>
              <label for="privacy"style="margin-inline-start: .5em; margin-block-start: -.05rem;">He leído y acepto la <a href="/pages/privacy-es">política de privacidad</a> y <a href="/pages/terminos-y-condiciones">condiciones de uso</a></label>
             </div>
             <div class="cart_total_price">
              <p class="h3 cart__subtotal" id="CartSubtotal">{{ cart.total_price | money }}</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">{{ taxes_shipping_checkout }}</p>
            {% comment %}<button type="submit" name="update" class="btn--secondary update-cart">{{ 'cart.general.update' | t }}</button> {% endcomment %}
             </div>
            </div>
            <button type="submit" name="checkout" id="AddToCart-product-template" class="btn" style="width: 29%;">{{ 'cart.general.checkout' | t }}</button>
          </div>
        </div>
      </form>
    {% else %}
      <div class="page-empty text-center">
        <h1>{{ 'cart.general.title' | t }}</h1>
        <p class="cart--empty-message">{{ 'cart.general.empty' | t }}</p>
        <hr>
        <p class="cart--continue-message">
          <a href="{{ routes.all_products_collection_url }}" class="btn">{{ '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">
          <a href="{{ url }}" class="cart__image">
            <img src="{{ img }}" alt="{{ name }}">
          </a>
        </td>
        <td>
          <a href="{{ url }}" class="h5">
            {{{ name }}}
          </a>
          {{#if variation}}
            <p>{{variation}}</p>
          {{/if}}
          {{#if sellingPlanAllocation}}
            <p>{{sellingPlanAllocation.selling_plan.name}}</p>
          {{/if}}
          {{#properties}}
            {{#each this}}
              {{#if this}}
                <p>{{@key}}: {{this}}</p>
              {{/if}}
            {{/each}}
          {{/properties}}
          
          <p>
            <a href="{% endraw %}{{ routes.cart_change_url }}{% raw %}?line={{ line }}&amp;quantity=0">{% endraw %}{{ 'cart.general.remove' | t }}{% raw %}</a>
          </p>
        </td>     
        <td class="cart__cell--quantity">
          <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">
          {{#if discountsApplied}}
            <span class="visually-hidden">{% endraw %}{{ 'products.product.regular_price' | t }}{% raw %}</span>
            <del class="cart__item-total">{{{originalLinePrice}}}</del>
            <span class="visually-hidden">{% endraw %}{{ 'products.product.sale_price' | t }}{% raw %}</span>
            <span class="cart__item-total">{{{linePrice}}}</span>
          {{else}}
            <span class="cart__item-total">{{{originalLinePrice}}}</span>
          {{/if}}
          {{#if discountsApplied}}
            <ul class="order-discount order-discount--cart order-discount--list order-discount--title" aria-label="{% endraw %}{{ 'customer.order.discount' | t }}{% raw %}">
              {{#each discounts}}
                <li class="order-discount__item">
                  {% endraw %}{%- include 'icon-saletag' -%}{% raw %}{{ this.discount_application.title }} (-{{{ this.formattedAmount }}})
                </li>
              {{/each}}
            </ul>
          {{/if}}
          {{#if unitPrice}}
            <span class="visually-hidden">{% endraw %}{{ 'products.product.unit_price_label' | t }}{% raw %}</span>
            <span class="product-unit-price">
              {% endraw %}
                {%- capture unit_price_separator -%}
                  <span aria-hidden="true">/</span><span class="visually-hidden">&nbsp;{{ 'general.accessibility.unit_price_separator' | t }}&nbsp;</span>
                {%- endcapture -%}
              {% raw %}

              <span>{{{ unitPrice.price }}}</span>{% endraw %}{{- unit_price_separator -}}{% raw %}{{#if unitPrice.addRefererenceValue }}{{{ unitPrice.reference_value }}}{{/if}}{{{ unitPrice.reference_unit }}}
            </span>
          {{/if}}
        </td>
      </tr>
      {{/items}}
    {% endraw %}
  </script>

  <script id="CartFooterTemplate" type="text/template">
    {% raw %}
      {{#if cartDiscountsApplied}}
        <div id="cartDiscountTotal" class="order-discount-cart-wrapper">
          {{#each cartDiscounts}}
            <span class="order-discount order-discount--title order-discount--cart">
              {% endraw %}{%- include 'icon-saletag' -%}<span class="visually-hidden">{{ 'customer.order.discount' | t }}{% raw %}:</span>{{ this.title }}
            </span>
            <span class="order-discount order-discount--cart"><strong>-{{{ this.formattedAmount }}}</strong></span>
          {{/each}}
        </div>
      {{/if}}
      <p class="h3 cart__subtotal" id="CartSubtotal">{{{totalPrice}}}</p>
    {% endraw %}
  </script>
</div>

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

 

Thanks for your help @KetanKumar !!

KetanKumar
Shopify Partner
14053 1639 5040

@JLbyone 

Thanks for it 

please i have added class

<div data-section-id="{{ section.id }}" data-section-type="cart">
  <div class="page-width">
    {% if cart.item_count > 0 %}
    <div class="c-cart__header">
      <span class="c-cart__header__item">Carrito</span> 
      <span class="c-cart__header__item">Cantidad</span> 
      <span class="c-cart__header__item">Precio</span>
    </div>
    <hr id="hr_space_product">  
      <form action="{{ routes.cart_url }}" method="post" novalidate class="cart">
        <table class="responsive-table cart-table">
          <thead class="cart__row visually-hidden">
            <th colspan="2">{{ 'cart.label.product' | t }}</th>
            <th>{{ 'cart.label.quantity' | t }}</th>
            <th>{{ '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 text-center" id="cart_cell_image_style">
                  <a href="{{ item.url | within: collections.all }}" class="cart__image">
                    <img src="{{ item | img_url: '240x240' }}" id="img_cart" alt="{{ item.title | escape }}">
                  </a>
                </td>
                <td class="cart-product__title">
                  <a href="{{ item.url }}" class="h5">
                    {{ item.product.title }}
                  </a>
                  {% unless item.variant.title contains 'Default' %}
                    <p>{{ item.variant.title }}</p>
                  {% endunless %}

                  {% unless item.selling_plan_allocation == nil %}
                    <p>{{ item.selling_plan_allocation.selling_plan.name }}</p>
                  {% endunless %}

                  {% 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>
                          {{ p.first }}:
                          {% if p.last contains '/uploads/' %}
                            <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                          {% else %}
                            {{ p.last }}
                          {% endif %}
                        </p>
                      {% endunless %}
                    {% endfor %}
                  {% endif %}

                  <p>
                    <a href="{{ routes.cart_change_url }}?line={{ forloop.index }}&amp;quantity=0">{{ 'cart.general.remove' | t }}</a>
                  </p>
                </td>
                <td class="cart__cell--quantity" id="cart_cell_quantity_style">
                  <label for="Updates_{{ item.key }}" id="quantity_title" class="cart__quantity-label medium-up--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">
                  {%- if item.original_line_price != item.final_line_price -%}
                    <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
                    <del class="cart__item-total">{{ item.original_line_price | money }}</del>
                    <span class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
                    <span class="cart__item-total">{{ item.final_line_price | money }}</span>
                  {%- else -%}
                  
                    <span class="cart__item-total">{{ item.original_line_price | money }}</span>
                  {%- endif -%}
                  {%- if item.unit_price_measurement -%}
                    {% include 'product-unit-price', product_variant: item %}
                  {%- endif -%}

                  {%- if item.line_level_discount_allocations != blank -%}
                    <ul class="order-discount order-discount--cart order-discount--list order-discount--title" aria-label="{{ 'customer.order.discount' | t }}">
                      {%- for discount_allocation in item.line_level_discount_allocations -%}
                        <li class="order-discount__item">
                          {%- include 'icon-saletag' -%}{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
                        </li>
                      {%- endfor -%}
                    </ul>
                  {%- endif -%}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
       <hr class="hr_space_products" id="hr_space_product">  
        <div class="discount_cart_container">
        <span id="discount-field_cart_text">Código Descuento</span> 
        <input id="discount-field_cart" type="text" name="discount">
        </div>
        
        <div class="grid cart__row">
          {% if section.settings.cart_notes_enable %}
            <div class="grid__item medium-up--one-half">
              <label for="CartSpecialInstructions">{{ 'cart.general.note' | t }}</label>
              <textarea name="note" id="CartSpecialInstructions" class="cart__note">{{ cart.note }}</textarea>
            </div>
          {% endif %}
          <div class="grid__item cart__buttons text-right small--text-center{% if section.settings.cart_notes_enable %} medium-up--one-half{% endif %}">             
            <div id="CartFooter">
              {%- if cart.cart_level_discount_applications != blank -%}
                <div id="cartDiscountTotal" class="order-discount-cart-wrapper">
                  {%- for discount_application in cart.cart_level_discount_applications -%}
                    <span class="order-discount order-discount--title order-discount--cart">
                      {%- include 'icon-saletag' -%}<span class="visually-hidden">{{ 'customer.order.discount' | t }}:</span><span data-cart-discount-title>{{- discount_application.title -}}</span>
                    </span>
                    <span class="order-discount order-discount--cart"><strong>-<span data-cart-discount-amount>{{ discount_application.total_allocated_amount | money }}</span></strong></span>
                  {%- endfor -%}
                </div>
              {%- endif -%}
            <div class="cart_total_container">
             <div class="cart_total_privacy">
              <input type="checkbox" value="privacy" id="privacy" required>
              <label for="privacy"style="margin-inline-start: .5em; margin-block-start: -.05rem;">He leído y acepto la <a href="/pages/privacy-es">política de privacidad</a> y <a href="/pages/terminos-y-condiciones">condiciones de uso</a></label>
             </div>
             <div class="cart_total_price">
              <p class="h3 cart__subtotal" id="CartSubtotal">{{ cart.total_price | money }}</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">{{ taxes_shipping_checkout }}</p>
            {% comment %}<button type="submit" name="update" class="btn--secondary update-cart">{{ 'cart.general.update' | t }}</button> {% endcomment %}
             </div>
            </div>
            <button type="submit" name="checkout" id="AddToCart-product-template" class="btn" style="width: 29%;">{{ 'cart.general.checkout' | t }}</button>
          </div>
        </div>
      </form>
    {% else %}
      <div class="page-empty text-center">
        <h1>{{ 'cart.general.title' | t }}</h1>
        <p class="cart--empty-message">{{ 'cart.general.empty' | t }}</p>
        <hr>
        <p class="cart--continue-message">
          <a href="{{ routes.all_products_collection_url }}" class="btn">{{ '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">
          <a href="{{ url }}" class="cart__image">
            <img src="{{ img }}" alt="{{ name }}">
          </a>
        </td>
        <td>
          <a href="{{ url }}" class="h5">
            {{{ name }}}
          </a>
          {{#if variation}}
            <p>{{variation}}</p>
          {{/if}}
          {{#if sellingPlanAllocation}}
            <p>{{sellingPlanAllocation.selling_plan.name}}</p>
          {{/if}}
          {{#properties}}
            {{#each this}}
              {{#if this}}
                <p>{{@key}}: {{this}}</p>
              {{/if}}
            {{/each}}
          {{/properties}}
          
          <p>
            <a href="{% endraw %}{{ routes.cart_change_url }}{% raw %}?line={{ line }}&amp;quantity=0">{% endraw %}{{ 'cart.general.remove' | t }}{% raw %}</a>
          </p>
        </td>     
        <td class="cart__cell--quantity">
          <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">
          {{#if discountsApplied}}
            <span class="visually-hidden">{% endraw %}{{ 'products.product.regular_price' | t }}{% raw %}</span>
            <del class="cart__item-total">{{{originalLinePrice}}}</del>
            <span class="visually-hidden">{% endraw %}{{ 'products.product.sale_price' | t }}{% raw %}</span>
            <span class="cart__item-total">{{{linePrice}}}</span>
          {{else}}
            <span class="cart__item-total">{{{originalLinePrice}}}</span>
          {{/if}}
          {{#if discountsApplied}}
            <ul class="order-discount order-discount--cart order-discount--list order-discount--title" aria-label="{% endraw %}{{ 'customer.order.discount' | t }}{% raw %}">
              {{#each discounts}}
                <li class="order-discount__item">
                  {% endraw %}{%- include 'icon-saletag' -%}{% raw %}{{ this.discount_application.title }} (-{{{ this.formattedAmount }}})
                </li>
              {{/each}}
            </ul>
          {{/if}}
          {{#if unitPrice}}
            <span class="visually-hidden">{% endraw %}{{ 'products.product.unit_price_label' | t }}{% raw %}</span>
            <span class="product-unit-price">
              {% endraw %}
                {%- capture unit_price_separator -%}
                  <span aria-hidden="true">/</span><span class="visually-hidden">&nbsp;{{ 'general.accessibility.unit_price_separator' | t }}&nbsp;</span>
                {%- endcapture -%}
              {% raw %}

              <span>{{{ unitPrice.price }}}</span>{% endraw %}{{- unit_price_separator -}}{% raw %}{{#if unitPrice.addRefererenceValue }}{{{ unitPrice.reference_value }}}{{/if}}{{{ unitPrice.reference_unit }}}
            </span>
          {{/if}}
        </td>
      </tr>
      {{/items}}
    {% endraw %}
  </script>

  <script id="CartFooterTemplate" type="text/template">
    {% raw %}
      {{#if cartDiscountsApplied}}
        <div id="cartDiscountTotal" class="order-discount-cart-wrapper">
          {{#each cartDiscounts}}
            <span class="order-discount order-discount--title order-discount--cart">
              {% endraw %}{%- include 'icon-saletag' -%}<span class="visually-hidden">{{ 'customer.order.discount' | t }}{% raw %}:</span>{{ this.title }}
            </span>
            <span class="order-discount order-discount--cart"><strong>-{{{ this.formattedAmount }}}</strong></span>
          {{/each}}
        </div>
      {{/if}}
      <p class="h3 cart__subtotal" id="CartSubtotal">{{{totalPrice}}}</p>
    {% endraw %}
  </script>
</div>

<script type="application/json" id="CartJson-{{ section.id }}">
  {{ cart | json }}
</script>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JLbyone
Excursionist
169 16 34

excuse me @KetanKumar but where you added that class? i cannot see nothing change there

this is class i want to add :

   .cart__cell_details {
    width: 80%;
    font-size: 8px;
    margin-left: -15em;
    margin-top: -5em;
   }

 

KetanKumar
Shopify Partner
14053 1639 5040

This is an accepted solution.

@JLbyone 

oh i see do you need this class let me update 

<div data-section-id="{{ section.id }}" data-section-type="cart">
  <div class="page-width">
    {% if cart.item_count > 0 %}
    <div class="c-cart__header">
      <span class="c-cart__header__item">Carrito</span> 
      <span class="c-cart__header__item">Cantidad</span> 
      <span class="c-cart__header__item">Precio</span>
    </div>
    <hr id="hr_space_product">  
      <form action="{{ routes.cart_url }}" method="post" novalidate class="cart">
        <table class="responsive-table cart-table">
          <thead class="cart__row visually-hidden">
            <th colspan="2">{{ 'cart.label.product' | t }}</th>
            <th>{{ 'cart.label.quantity' | t }}</th>
            <th>{{ '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 text-center" id="cart_cell_image_style">
                  <a href="{{ item.url | within: collections.all }}" class="cart__image">
                    <img src="{{ item | img_url: '240x240' }}" id="img_cart" alt="{{ item.title | escape }}">
                  </a>
                </td>
                <td class="cart__cell_details">
                  <a href="{{ item.url }}" class="h5 cart__cell_details">
                    {{ item.product.title }}
                  </a>
                  {% unless item.variant.title contains 'Default' %}
                    <p>{{ item.variant.title }}</p>
                  {% endunless %}

                  {% unless item.selling_plan_allocation == nil %}
                    <p>{{ item.selling_plan_allocation.selling_plan.name }}</p>
                  {% endunless %}

                  {% 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>
                          {{ p.first }}:
                          {% if p.last contains '/uploads/' %}
                            <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                          {% else %}
                            {{ p.last }}
                          {% endif %}
                        </p>
                      {% endunless %}
                    {% endfor %}
                  {% endif %}

                  <p>
                    <a href="{{ routes.cart_change_url }}?line={{ forloop.index }}&amp;quantity=0">{{ 'cart.general.remove' | t }}</a>
                  </p>
                </td>
                <td class="cart__cell--quantity" id="cart_cell_quantity_style">
                  <label for="Updates_{{ item.key }}" id="quantity_title" class="cart__quantity-label medium-up--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">
                  {%- if item.original_line_price != item.final_line_price -%}
                    <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
                    <del class="cart__item-total">{{ item.original_line_price | money }}</del>
                    <span class="visually-hidden">{{ 'products.product.sale_price' | t }}</span>
                    <span class="cart__item-total">{{ item.final_line_price | money }}</span>
                  {%- else -%}
                  
                    <span class="cart__item-total">{{ item.original_line_price | money }}</span>
                  {%- endif -%}
                  {%- if item.unit_price_measurement -%}
                    {% include 'product-unit-price', product_variant: item %}
                  {%- endif -%}

                  {%- if item.line_level_discount_allocations != blank -%}
                    <ul class="order-discount order-discount--cart order-discount--list order-discount--title" aria-label="{{ 'customer.order.discount' | t }}">
                      {%- for discount_allocation in item.line_level_discount_allocations -%}
                        <li class="order-discount__item">
                          {%- include 'icon-saletag' -%}{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
                        </li>
                      {%- endfor -%}
                    </ul>
                  {%- endif -%}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
       <hr class="hr_space_products" id="hr_space_product">  
        <div class="discount_cart_container">
        <span id="discount-field_cart_text">Código Descuento</span> 
        <input id="discount-field_cart" type="text" name="discount">
        </div>
        
        <div class="grid cart__row">
          {% if section.settings.cart_notes_enable %}
            <div class="grid__item medium-up--one-half">
              <label for="CartSpecialInstructions">{{ 'cart.general.note' | t }}</label>
              <textarea name="note" id="CartSpecialInstructions" class="cart__note">{{ cart.note }}</textarea>
            </div>
          {% endif %}
          <div class="grid__item cart__buttons text-right small--text-center{% if section.settings.cart_notes_enable %} medium-up--one-half{% endif %}">             
            <div id="CartFooter">
              {%- if cart.cart_level_discount_applications != blank -%}
                <div id="cartDiscountTotal" class="order-discount-cart-wrapper">
                  {%- for discount_application in cart.cart_level_discount_applications -%}
                    <span class="order-discount order-discount--title order-discount--cart">
                      {%- include 'icon-saletag' -%}<span class="visually-hidden">{{ 'customer.order.discount' | t }}:</span><span data-cart-discount-title>{{- discount_application.title -}}</span>
                    </span>
                    <span class="order-discount order-discount--cart"><strong>-<span data-cart-discount-amount>{{ discount_application.total_allocated_amount | money }}</span></strong></span>
                  {%- endfor -%}
                </div>
              {%- endif -%}
            <div class="cart_total_container">
             <div class="cart_total_privacy">
              <input type="checkbox" value="privacy" id="privacy" required>
              <label for="privacy"style="margin-inline-start: .5em; margin-block-start: -.05rem;">He leído y acepto la <a href="/pages/privacy-es">política de privacidad</a> y <a href="/pages/terminos-y-condiciones">condiciones de uso</a></label>
             </div>
             <div class="cart_total_price">
              <p class="h3 cart__subtotal" id="CartSubtotal">{{ cart.total_price | money }}</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">{{ taxes_shipping_checkout }}</p>
            {% comment %}<button type="submit" name="update" class="btn--secondary update-cart">{{ 'cart.general.update' | t }}</button> {% endcomment %}
             </div>
            </div>
            <button type="submit" name="checkout" id="AddToCart-product-template" class="btn" style="width: 29%;">{{ 'cart.general.checkout' | t }}</button>
          </div>
        </div>
      </form>
    {% else %}
      <div class="page-empty text-center">
        <h1>{{ 'cart.general.title' | t }}</h1>
        <p class="cart--empty-message">{{ 'cart.general.empty' | t }}</p>
        <hr>
        <p class="cart--continue-message">
          <a href="{{ routes.all_products_collection_url }}" class="btn">{{ '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">
          <a href="{{ url }}" class="cart__image">
            <img src="{{ img }}" alt="{{ name }}">
          </a>
        </td>
        <td>
          <a href="{{ url }}" class="h5">
            {{{ name }}}
          </a>
          {{#if variation}}
            <p>{{variation}}</p>
          {{/if}}
          {{#if sellingPlanAllocation}}
            <p>{{sellingPlanAllocation.selling_plan.name}}</p>
          {{/if}}
          {{#properties}}
            {{#each this}}
              {{#if this}}
                <p>{{@key}}: {{this}}</p>
              {{/if}}
            {{/each}}
          {{/properties}}
          
          <p>
            <a href="{% endraw %}{{ routes.cart_change_url }}{% raw %}?line={{ line }}&amp;quantity=0">{% endraw %}{{ 'cart.general.remove' | t }}{% raw %}</a>
          </p>
        </td>     
        <td class="cart__cell--quantity">
          <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">
          {{#if discountsApplied}}
            <span class="visually-hidden">{% endraw %}{{ 'products.product.regular_price' | t }}{% raw %}</span>
            <del class="cart__item-total">{{{originalLinePrice}}}</del>
            <span class="visually-hidden">{% endraw %}{{ 'products.product.sale_price' | t }}{% raw %}</span>
            <span class="cart__item-total">{{{linePrice}}}</span>
          {{else}}
            <span class="cart__item-total">{{{originalLinePrice}}}</span>
          {{/if}}
          {{#if discountsApplied}}
            <ul class="order-discount order-discount--cart order-discount--list order-discount--title" aria-label="{% endraw %}{{ 'customer.order.discount' | t }}{% raw %}">
              {{#each discounts}}
                <li class="order-discount__item">
                  {% endraw %}{%- include 'icon-saletag' -%}{% raw %}{{ this.discount_application.title }} (-{{{ this.formattedAmount }}})
                </li>
              {{/each}}
            </ul>
          {{/if}}
          {{#if unitPrice}}
            <span class="visually-hidden">{% endraw %}{{ 'products.product.unit_price_label' | t }}{% raw %}</span>
            <span class="product-unit-price">
              {% endraw %}
                {%- capture unit_price_separator -%}
                  <span aria-hidden="true">/</span><span class="visually-hidden">&nbsp;{{ 'general.accessibility.unit_price_separator' | t }}&nbsp;</span>
                {%- endcapture -%}
              {% raw %}

              <span>{{{ unitPrice.price }}}</span>{% endraw %}{{- unit_price_separator -}}{% raw %}{{#if unitPrice.addRefererenceValue }}{{{ unitPrice.reference_value }}}{{/if}}{{{ unitPrice.reference_unit }}}
            </span>
          {{/if}}
        </td>
      </tr>
      {{/items}}
    {% endraw %}
  </script>

  <script id="CartFooterTemplate" type="text/template">
    {% raw %}
      {{#if cartDiscountsApplied}}
        <div id="cartDiscountTotal" class="order-discount-cart-wrapper">
          {{#each cartDiscounts}}
            <span class="order-discount order-discount--title order-discount--cart">
              {% endraw %}{%- include 'icon-saletag' -%}<span class="visually-hidden">{{ 'customer.order.discount' | t }}{% raw %}:</span>{{ this.title }}
            </span>
            <span class="order-discount order-discount--cart"><strong>-{{{ this.formattedAmount }}}</strong></span>
          {{/each}}
        </div>
      {{/if}}
      <p class="h3 cart__subtotal" id="CartSubtotal">{{{totalPrice}}}</p>
    {% endraw %}
  </script>
</div>

<script type="application/json" id="CartJson-{{ section.id }}">
  {{ cart | json }}
</script>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing