How can I eliminate the quantity label from the Dawn theme cart?

Store Design
21

oh no sorry i need cart item snippets file

22

@KetanKumar im so sorry if im bothering you im totally new to this kind of coding do you mean the below snippets i put in base.css

.cart-item__quantity .quantity {
display: none !important;
}
th.cart-items__heading–wide.small-hide.caption-with-letter-spacing {
font-size: 0;
}

23

@baseem

see attachment just comment code

Dawn _ Shopify.png
Dawn _ Shopify.png1920×937 139 KB

24

@KetanKumar

{{ 'products.product.quantity.label' | t }} {{ 'products.product.quantity.decrease' | t: product: item.product.title | escape }} {% render 'icon-minus' %} {{ 'products.product.quantity.increase' | t: product: item.product.title | escape }} {% render 'icon-plus' %} {% render 'icon-remove' %}
1 Like
25

@KetanKumar and this is the whole code in main-cart-item.liquid

{{ ‘component-cart.css’ | asset_url | stylesheet_tag }}
{{ ‘component-cart-items.css’ | asset_url | stylesheet_tag }}
{{ ‘component-totals.css’ | asset_url | stylesheet_tag }}
{{ ‘component-price.css’ | asset_url | stylesheet_tag }}
{{ ‘component-discounts.css’ | asset_url | stylesheet_tag }}
{{ ‘component-loading-overlay.css’ | asset_url | stylesheet_tag }}

{%- style -%}
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}

{{ 'sections.cart.title' | t }}

{{ 'general.continue_shopping' | t }}

{{ 'sections.cart.empty' | t }}

{{ 'general.continue_shopping' | t }}

{%- if shop.customer_accounts_enabled and customer == nil -%}

{{ 'sections.cart.login.title' | t }}

{{ 'sections.cart.login.paragraph_html' | t: link: routes.account_login_url }}

{%- endif -%}
{%- if cart != empty -%} {%- for item in cart.items -%} {%- endfor -%}
{{ 'sections.cart.headings.product' | t }} {{ 'sections.cart.headings.total' | t }} {{ 'sections.cart.headings.quantity' | t }} {{ 'sections.cart.headings.total' | t }}
{% if item.image %} {% comment %} Leave empty space due to a:empty CSS display: none rule {% endcomment %}
{{ item.image.alt | escape }}
{% endif %} 		{%- if section.settings.show_vendor -%}

{{ item.product.vendor }}

{%- endif -%}

{{ item.product.title | escape }}

{%- if item.original_price != item.final_price -%}

{{ 'products.product.price.regular_price' | t }} {{ item.original_price | money }} {{ 'products.product.price.sale_price' | t }} {{ item.final_price | money }}
{%- else -%}
{{ item.original_price | money }}
{%- endif -%}

{%- if item.product.has_only_default_variant == false or item.properties.size != 0 or item.selling_plan_allocation != nil -%}

{%- if item.product.has_only_default_variant == false -%} {%- for option in item.options_with_values -%}
{{ option.name }}:
{{ option.value }}
{%- endfor -%} {%- endif -%}

{%- for property in item.properties -%}
{%- assign property_first_char = property.first | slice: 0 -%}
{%- if property.last != blank and property_first_char != ‘_’ -%}

{{ property.first }}:
{%- if property.last contains '/uploads/' -%} {{ property.last | split: '/' | last }} {%- else -%} {{ property.last }} {%- endif -%}
{%- endif -%} {%- endfor -%}

{{ item.selling_plan_allocation.selling_plan.name }}

{%- endif -%}
    {%- for discount in item.discounts -%}
  • {%- render 'icon-discount' -%} {{ discount.title }}
    • {%- endfor -%}
{%- if item.original_line_price != item.final_line_price -%}
{{ 'products.product.price.regular_price' | t }}
{{ item.original_line_price | money }}
{{ 'products.product.price.sale_price' | t }}
{{ item.final_line_price | money }}
{%- else -%} {{ item.original_line_price | money }} {%- endif -%}

{%- if item.variant.available and item.unit_price_measurement -%}

{{ 'products.product.price.unit_price' | t }} {{ item.variant.unit_price | money }} /  {{ 'accessibility.unit_price_separator' | t }}  {%- if item.variant.unit_price_measurement.reference_value != 1 -%} {{- item.variant.unit_price_measurement.reference_value -}} {%- endif -%} {{ item.variant.unit_price_measurement.reference_unit }}
{%- endif -%}
{{ 'products.product.quantity.label' | t }} {{ 'products.product.quantity.decrease' | t: product: item.product.title | escape }} {% render 'icon-minus' %} {{ 'products.product.quantity.increase' | t: product: item.product.title | escape }} {% render 'icon-plus' %} {% render 'icon-remove' %}
{%- if item.original_line_price != item.final_line_price -%}
{{ 'products.product.price.regular_price' | t }}
{{ item.original_line_price | money }}
{{ 'products.product.price.sale_price' | t }}
{{ item.final_line_price | money }}
{%- else -%} {{ item.original_line_price | money }} {%- endif -%}

{%- if item.variant.available and item.unit_price_measurement -%}

{{ 'products.product.price.unit_price' | t }} {{ item.variant.unit_price | money }} /  {{ 'accessibility.unit_price_separator' | t }}  {%- if item.variant.unit_price_measurement.reference_value != 1 -%} {{- item.variant.unit_price_measurement.reference_value -}} {%- endif -%} {{ item.variant.unit_price_measurement.reference_unit }}
{%- endif -%}
{%- endif -%}

{{ 'accessibility.loading' | t }}

{% schema %}
{
“name”: “t:sections.main-cart-items.name”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_vendor”,
“default”: false,
“label”: “t:sections.main-cart-items.settings.show_vendor.label”
},
{
“type”: “header”,
“content”: “t:sections.all.padding.section_padding_heading”
},
{
“type”: “range”,
“id”: “padding_top”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_top”,
“default”: 36
},
{
“type”: “range”,
“id”: “padding_bottom”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_bottom”,
“default”: 36
}
]
}
{% endschema %}

{% comment %}{% endcomment %}
1 Like
26

@baseem

yes remove this code or comment

27 
{{ 'component-cart.css' | asset_url | stylesheet_tag }}
{{ 'component-cart-items.css' | asset_url | stylesheet_tag }}
{{ 'component-totals.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-discounts.css' | asset_url | stylesheet_tag }}
{{ 'component-loading-overlay.css' | asset_url | stylesheet_tag }}

{%- style -%}
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}

{% schema %}
{
"name": "t:sections.main-cart-items.name",
"settings": [
{
"type": "checkbox",
"id": "show_vendor",
"default": false,
"label": "t:sections.main-cart-items.settings.show_vendor.label"
},
{
"type": "header",
"content": "t:sections.all.padding.section_padding_heading"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_top",
"default": 36
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 4,
"unit": "px",
"label": "t:sections.all.padding.padding_bottom",
"default": 36
}
]
}
{% endschema %}

{% comment %}{% endcomment %}

@baseem

thanks can you please update this code

28

Thank you very much!

In my Crave theme it has also worked perfectly.

29

Can you help us remove quantity (but keep delete/garbage) from dawn theme too? We want it gone from product page and cart.

site is here: shop.learnlife.com

Thank you!

30

I am not seeing the base.css in my assets? I am using the Dawn Template. Thanks!

31

Also, I want to remove quantity from the whole store. We are selling one of a kind items. Thanks!

32

Please, check first line

archivo_basecss.jpg
archivo_basecss.jpg880×742 31.9 KB

33

Hi KetanKumar,

I tried both of these solutions on the dawn theme and neither worked. Can you help me remove the Quantity Counting Button. I just want it to be ‘Add to Cart’ since we are selling one of a kind items.

Website is AuthenticLuxuries.com

Thank you!

34

Hello, I did this to Refresh theme, the quantity selector is removed, but still have this button here, any solutions, please?

Screenshot 2022-12-30 151551.png
Screenshot 2022-12-30 151551.png263×280 3.95 KB

1 Like
35

@adelafrine

can you please send store url

36

Thank you !!