Instead of styling each recommendation box one by one, set your colors, fonts, prices and buttons once for your whole store. Then adjust a single page, or a single box, only where it needs to look different.
Availability
Plan: Growth Agents plan · Platform: SHOPLINE
How settings are inherited
Settings work in three levels:
Global Settings apply to every box in your store.
Page Settings apply to every box on one page type, such as Product pages.
Box settings apply to one box, and are set in that box's own drawer on the page.
A setting you leave empty at a lower level uses the value from the level above. For example, if you set a green Add to Cart button globally and don't change it on the Cart page, Cart page boxes are green too.
At the page level, a control that uses the level above shows an Inherited chip. Text fields show the inherited value in grey. To go back to the inherited value after you change one, click Inherit next to it.
Open the Settings panel
In the top bar, click the gear icon (Settings).
Choose a tab:
Global Settings: "Configure store-wide settings for all recommendation boxes".
Page Settings: settings for the page currently open in the page selector.
Integrations: connect services such as Klaviyo, Google Ads and Yotpo.
Discounts: turn on personalized discounts and promotions in your boxes.
ADA Compatibility: color contrast settings for accessibility.
Make your changes. They preview live on the page behind the panel.
Click Save at the right of the tab strip. The top bar's Save is dimmed while the panel is open, so always save here before you close the panel.
When you're ready, click Publish in the top bar to take the changes live.
To edit Page Settings for another page type, close the panel, switch pages with the page selector, then open Settings again.
Before you publish
Saving settings doesn't change your live store. Shoppers see them only after you click Publish.
Settings explained
Setting | What it does | Default |
General › Sale Tag | Shows a sale tag on discounted products. Format sets the text, for example {percentage}% Off! or {reduction} Off! | — |
General › Price | Show .00 Decimals shows or hides cents. Order shows the sale price first ($99 $100) or the original price first ($100 $99). | — |
General › Product Images | Zoom on Hover zooms the image when a shopper points at it. | — |
General › Add to Cart › Notification Mode | What happens after a shopper adds an item from a box: Reload Page, Go to Cart Page, Toast Notification Only or Theme's Config. On the Cart page, shoppers always go to the cart. | Theme's Config if your theme supports it, otherwise Reload Page |
General › Add to Cart › Confirmation Text | The message shown after adding to cart. | "Item Added To Cart" |
Colors | Colors for the box title, product title, prices, sale tag, Add to Cart button and next/previous buttons. | — |
Typography | Fonts for the box title, product title, prices, Add to Cart and sale sign. | — |
Image | Image width and height, a second image on hover (Show Secondary), and Items per Page. Desktop and mobile have separate values. | — |
Navigation | Next/previous button Mode (Pop Out, Static, Header) and Type (Default, Striking Chevron, Circle (Full), Circle (Arrow), Circle (Chevron)). Auto Scroll moves the box on a timer you set in Interval. | Mode: Pop Out |
Quick Actions | Mode sets when the Add to Cart button shows on products (Overlay on Hover, Always Visible or Disabled). Action Type picks Dropdown or Quick View Dialog. Title and Corner Radius style the button. | Title: "Add to Cart" |
User Ratings & Loyalty Points (Global only) | User Ratings › Show shows product ratings in your boxes. Loyalty Points › Show shows points, and Format sets the text, for example {points} Points! | — |
Discounts | The Personalized Discounts card: Enable Discounts & Promos shows your discount campaigns in boxes. Preview Campaign picks a campaign to preview in Studio. | — |
ADA Compatibility | The ADA Color Contrast card: Enabled, plus Background Color and Text Color for accessible contrast. | — |
Loyalty points are included in the Growth Agents plan. If your plan doesn't include them, the Loyalty Points section is greyed out with a lock icon (tooltip "Loyalty Points is not included in your plan") and a Contact Sales link.
Troubleshooting
You see | Why | What to do |
"Save failed: …" | The settings couldn't be saved | Check your connection and click Save again. See Save, publish, discard and unpublish changes. |
A page's boxes ignore your global change | That page or box has its own value | In Page Settings, click Inherit on that setting. In the box's drawer, click Reset. |