How to fix a glitch on the cart page in the Berlin theme?

Store Design
1

IMG_7224.png
IMG_7224.png1284×2778 212 KB

IMG_7225.png
IMG_7225.png1284×2778 221 KB

You can see in the one photo there is a glitch with the cart page that says “continue shopping class button button simple continue shopping” that only shows up on the cart page but not the cart drawer. How can I remove this, my theme is Berlin and my URL is lakebaez.com

2

Hi @LakeBaez

This is David at SalesHunterThemes.

your theme code missed some close tag in HTML code.
Can you share the main-cart.liquid code then we can help you check and fix it.

3

{{ ‘component-cart.css’ | asset_url | stylesheet_tag }}
{{ ‘component-totals.css’ | asset_url | stylesheet_tag }}
{{ ‘component-price.css’ | asset_url | stylesheet_tag }}
{{ ‘section-main-cart.css’ | asset_url | stylesheet_tag }}
{% style %}
{% render ‘spaced-section’ %}
{% endstyle %}

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

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

{{ 'customer.account.account_button_shop' | t }} {% render 'icon-button-arrow' %}
{% liquid for block in section.blocks assign sec_id = section.id case block.type when 'main-cart-items' render 'main-cart-items', main_section: block, main_id: sec_id when '@app' render block when 'main-cart-footer' render 'main-cart-footer', main_section: block, main_id: sec_id endcase endfor %}
{% javascript %} class CartNote extends HTMLElement { constructor() { super();

this.addEventListener(
‘change’,
debounce((event) => {
const body = JSON.stringify({ note: event.target.value });
fetch(${routes.cart_update_url}, { …fetchConfig(), …{ body } });
}, 300)
);
}
}
customElements.define(‘cart-note’, CartNote);
{% endjavascript %}
{% schema %}
{
“name”: “t:sections.main-cart.name”,
“class”: “section-main-cart”,
“tag”: “section”,
“limit”: 1,
“settings”: [
{
“type”: “header”,
“content”: “t:sections.all.section_margin.header.content”
},
{
“type”: “range”,
“id”: “margin_top”,
“min”: 0,
“max”: 200,
“step”: 10,
“default”: 20,
“unit”: “px”,
“label”: “t:sections.all.section_margin.margin_top.label”
},
{
“type”: “range”,
“id”: “margin_bottom”,
“min”: 0,
“max”: 200,
“step”: 10,
“default”: 20,
“unit”: “px”,
“label”: “t:sections.all.section_margin.margin_bottom.label”
}
],
“blocks”: [
{
“type”: “main-cart-items”,
“name”: “t:sections.main-cart.blocks.main-cart-items.name”,
“limit”: 1,
“settings”: [
{
“type”: “header”,
“content”: “t:sections.all.image.header.content”
},
{
“type”: “select”,
“id”: “image_ratio”,
“options”: [
{
“value”: “landscape”,
“label”: “t:sections.all.image.ratio.options__1.label”
},
{
“value”: “portrait”,
“label”: “t:sections.all.image.ratio.options__2.label”
},
{
“value”: “square”,
“label”: “t:sections.all.image.ratio.options__3.label”
}
],
“default”: “portrait”,
“label”: “t:sections.all.image.ratio.label”
},
{
“type”: “select”,
“id”: “image_fit”,
“label”: “t:sections.all.image.fit.label”,
“options”: [
{
“value”: “contain”,
“label”: “t:sections.all.image.fit.options__1.label”
},
{
“value”: “cover”,
“label”: “t:sections.all.image.fit.options__2.label”
}
],
“default”: “cover”
}
]
},
{
“type”: “main-cart-footer”,
“name”: “t:sections.main-cart.blocks.main-cart-footer.name”,
“limit”: 1,

“settings”: [
{
“type”: “checkbox”,
“id”: “show_cart_note”,
“default”: false,
“label”: “t:sections.main-cart.blocks.main-cart-footer.settings.show_cart_note.label”
}
]
},
{
“type”: “@app”
}
]
}
{% endschema %}

4

Is this helpful or is it a bad format? I can try something else if so.

5

Hi @LakeBaez
Try to replace with this code
{{ ‘component-cart.css’ | asset_url | stylesheet_tag }}
{{ ‘component-totals.css’ | asset_url | stylesheet_tag }}
{{ ‘component-price.css’ | asset_url | stylesheet_tag }}
{{ ‘section-main-cart.css’ | asset_url | stylesheet_tag }}
{% style %}
{% render ‘spaced-section’ %}
{% endstyle %}

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

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

{{ 'customer.account.account_button_shop' | t }} {% render 'icon-button-arrow' %}

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

{{ 'general.continue_shopping' | t }}
{% liquid for block in section.blocks assign sec_id = section.id case block.type when 'main-cart-items' render 'main-cart-items', main_section: block, main_id: sec_id when '@app' render block when 'main-cart-footer' render 'main-cart-footer', main_section: block, main_id: sec_id endcase endfor %}
{% javascript %} class CartNote extends HTMLElement { constructor() { super();

this.addEventListener(
‘change’,
debounce((event) => {
const body = JSON.stringify({ note: event.target.value });
fetch(${routes.cart_update_url}, { …fetchConfig(), …{ body } });
}, 300)
);
}
}
customElements.define(‘cart-note’, CartNote);
{% endjavascript %}
{% schema %}
{
“name”: “t:sections.main-cart.name”,
“class”: “section-main-cart”,
“tag”: “section”,
“limit”: 1,
“settings”: [
{
“type”: “header”,
“content”: “t:sections.all.section_margin.header.content”
},
{
“type”: “range”,
“id”: “margin_top”,
“min”: 0,
“max”: 200,
“step”: 10,
“default”: 20,
“unit”: “px”,
“label”: “t:sections.all.section_margin.margin_top.label”
},
{
“type”: “range”,
“id”: “margin_bottom”,
“min”: 0,
“max”: 200,
“step”: 10,
“default”: 20,
“unit”: “px”,
“label”: “t:sections.all.section_margin.margin_bottom.label”
}
],
“blocks”: [
{
“type”: “main-cart-items”,
“name”: “t:sections.main-cart.blocks.main-cart-items.name”,
“limit”: 1,
“settings”: [
{
“type”: “header”,
“content”: “t:sections.all.image.header.content”
},
{
“type”: “select”,
“id”: “image_ratio”,
“options”: [
{
“value”: “landscape”,
“label”: “t:sections.all.image.ratio.options__1.label”
},
{
“value”: “portrait”,
“label”: “t:sections.all.image.ratio.options__2.label”
},
{
“value”: “square”,
“label”: “t:sections.all.image.ratio.options__3.label”
}
],
“default”: “portrait”,
“label”: “t:sections.all.image.ratio.label”
},
{
“type”: “select”,
“id”: “image_fit”,
“label”: “t:sections.all.image.fit.label”,
“options”: [
{
“value”: “contain”,
“label”: “t:sections.all.image.fit.options__1.label”
},
{
“value”: “cover”,
“label”: “t:sections.all.image.fit.options__2.label”
}
],
“default”: “cover”
}
]
},
{
“type”: “main-cart-footer”,
“name”: “t:sections.main-cart.blocks.main-cart-footer.name”,
“limit”: 1,

“settings”: [
{
“type”: “checkbox”,
“id”: “show_cart_note”,
“default”: false,
“label”: “t:sections.main-cart.blocks.main-cart-footer.settings.show_cart_note.label”
}
]
},
{
“type”: “@app”
}
]
}
{% endschema %}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

1 Like