How do i edit my cart drawer? Horizon theme

Store Design
,

Topic summary

A user seeks to customize their cart drawer in the Horizon theme beyond the basic theme settings options. They want to make specific changes: reduce the “Cart” heading size, remove “Duties and taxes included” text, make the price smaller, and remove “GBP” from the bottom price display.

Available customization options:

  • Theme settings offer limited controls under Drawers section
  • More advanced changes require editing theme code files

Recommended approach for custom edits:

  • Access theme code editor (Online Store → Themes → Edit Code)
  • Locate cart drawer files (typically cart-drawer.liquid in sections/snippets folders)
  • Create backup before making changes
  • Use custom CSS to modify styling elements
  • Optional JavaScript for advanced interactions

One helper offered to implement the specific changes directly if provided collaborator access. Another suggested using Custom CSS field in theme editor as a safer alternative to direct code editing.

Side discussion: Brief exchange about forum etiquette regarding marking solutions versus liking helpful posts, resolved amicably.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hello, how do i edit my cart drawer? I can’t seem to customise it anywhere apart from the theme settings, but even then its very basic customisation:

Screenshot 2025-09-22 at 21.31.10
Screenshot 2025-09-22 at 21.31.10770×1365 62.3 KB

my website is https://1bk7yu-sj.myshopify.com/ , password yeffat

1 Like
4

Hi @ads18922
It has a few options to edit the cart drawer from theme settings > Drawers

Screenshot 2025-09-23 at 09.13.38
Screenshot 2025-09-23 at 09.13.381552×1416 149 KB

Best regards,
Dan from Ryviu: Product Reviews App

5

Okay dear, how would you like the cart drawer? Do you have any new design in mind so that I can check it and update it for you?

6

i would like to make the “Cart” heading smaller, remove the “Duties and taxes included…” make the “£40.00 GBP” smaller, remove the “GBP” next to price at the bottom

1 Like
7

I have a question too.
You’ve created 208 topics, asked multiple questions and received substantial amount of replies here.

But you have given zero likes. Were all these replies unhelpful?

2 Likes
8

if i see a reply which gives me the correct solution, i tick solution - is that not what you are supposed to do?

9

am i meant to like the post instead of ticking solution?

10

Ok, please share your collaborator code with me so I can check and update you.

11

@tim_1 do i need to start liking posts instead of accepting solution?

12

I mean, you do not have to do anything of this.

However – be a good neighbour – people who help you will appreciate some love and other visitors who may have similar problems will appreciate the solution mark.
Nothing prevents you from giving both.

Excuse me if I sounded offensive though.

1 Like
13

Ok, I wasn’t aware. I apologise for not doing it in the past

14

The cart drawer in most Shopify themes (including yours) is often controlled by a combination of theme settings, Liquid files, and CSS. You’re correct that the theme settings usually only allow basic customizations like colors, fonts, and button styles. To fully customize it, you’ll need to edit the code.

Here’s how you can approach it safely:

1. Locate the cart drawer code

  • Go to Online Store → Themes → Actions → Edit Code.

  • Look for a file named something like:

    • cart-drawer.liquid

    • cart-template.liquid

    • Sometimes inside sections/ or snippets/ folders

2. Make a backup

  • Before making changes, copy the file contents to a separate document so you can restore it if needed.

3. Customize the content or layout

  • You can edit HTML/Liquid to add new elements, like promotional messages, images, or custom text.

  • You can also add custom CSS to style buttons, product lists, or spacing. Example:

.cart-drawer__item {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.cart-drawer__checkout {
  background-color: #ff6600;
  color: #fff;
  font-weight: bold;
}

4. Optional: Add JavaScript interactions

  • If you want animations, custom behavior on item remove, or dynamic messages, you can edit the theme’s JS file (often theme.js or global.js).

Tip: If you just want to style it differently without touching code, some themes allow Advanced CSS overrides via the Custom CSS field in the theme editor.

If you want, I can create a ready-to-paste starter code snippet for your cart drawer so it looks more custom without breaking your theme.