How to customize the layout of the "add to cart" pop up in horizon

Hi Everyone,

When I click on the “Add to Cart” button of related or complementary products, a pop-up appears. This pop-up is a mini product page but zoomed in and hard to read. Is there a way to edit the appearance of this pop-up window…layout specifically. As an aside, also interested if there is a way to adjust the layout in the search pop-up. I have included images below.

1 Like

@ambullseye This behavior usually comes from the theme’s quick view / modal system, not Shopify itself.

A few key points to clarify it:

That pop-up is typically a Quick View / AJAX product modal built into the theme.

Shopify doesn’t provide a visual editor for those layouts they’re controlled by theme code (Liquid + CSS + JS).

That’s why it feels “zoomed” or cramped on some themes, especially on mobile.

Your realistic options:

Check theme settings first

Some themes let you disable or tweak “Quick view / Add to cart popup” and switch to full product pages instead.

Disable the popup entirely

Redirect related/complementary product clicks to the full product page (often improves UX).

Custom code adjustment

Editing the modal layout, spacing, and font sizes requires CSS + theme file changes.

Search popup is similar

Search popups are also theme-controlled and edited the same way (or replaced with an app).

If you tell me which theme you’re using, I can point you to the exact setting or file to adjust or tell you whether disabling it is the cleaner move.

Hey @ambullseye

For the Add to Cart pop-up (mini product page):
The layout, zoom level, and spacing are all defined in your theme’s code and/or theme settings. Start by checking:

  • Online Store → Themes → Customize
  • Look for settings like Quick add, Quick view, Product modal, or Product drawer

If there are no layout controls there, you’ll need to edit theme files (usually main-product.liquid, product-modal.liquid, or a modal section/snippet) to adjust image sizing, spacing, or typography — or disable Quick Add entirely so clicking “Add to cart” goes to the full product page instead.

For the search pop-up layout:
Same situation — it’s theme-controlled. Check theme settings for Predictive search or Search modal. If limited, changes require CSS/Liquid edits to the search modal section.

Hope that helps! :blush:

Hi Eric!

Thank you for your response! I am using Horizon Theme. Best, Alison

Thank you so much!!!

1 Like