How do i edit my cart drawer? Horizon theme

Store Design
,
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.