Layout

Shape

Setting	Description
Shape style	Defines the shape of interface elements across the whole theme: buttons, cards, tabs, media and hotspot pins. Classic keeps standard corners. Angular replaces them with cut (angled) corners. Default: Angular.
Cut corner size	Sets the depth of the angled corner used across the theme. This option is available only when the Shape style is set to Angular. Range: 0–60 px. Default: 26 px.

Setting	Description
Header width	Sets the maximum width of the header content on desktop (screens wider than 1024 px). On wider screens the header content stays centered and does not grow beyond this value. Range: 1400–2000 px. Default: 1860 px.
Header margin	Sets the minimum space between the header content and the edges of the browser window on desktop. The same margin is applied to the announcement bar. Range: 10–100 px. Default: 32 px.
Header margin mobile	Sets the minimum side margin of the header area on mobile devices and tablets, including the announcement bar and header-aligned panels such as the quick add popup. Range: 10–30 px. Default: 16 px.

Page

Setting	Description
Page width	Sets the maximum width of the page content area, including the side margins. On wider screens the content stays centered and does not grow beyond this value. Range: 1400–2000 px. Default: 1840 px.
Page margin	Sets the minimum space between the page content and the edges of the browser window on screens 750 px wide and larger. Range: 10–100 px. Default: 32 px.
Page margin mobile	Sets the minimum space between the page content and the edges of the screen on mobile devices (screens narrower than 750 px). Range: 10–30 px. Default: 16 px.
Scale for large screens	Adjusts the base font size and the size of rem-based elements (such as the logo and spacing) on screens wider than 1850 px, so the page does not look too small on large monitors. Set it to 0% to disable scaling. Range: 0–50%. Default: 30%.

Media

Setting	Description
Media border radius	Sets the corner radius of images and other media across the theme. Use 0 for square corners. The radius is visible mainly when Shape style is set to Classic; with Angular most media use cut corners instead. Range: 0–40 px. Default: 4 px.

Content container

Setting	Description
Content container border radius	Sets the corner radius of content containers, such as text boxes and panels that have their own background. Use 0 for square corners. The radius is visible mainly when Shape style is set to Classic. Range: 0–40 px. Default: 4 px.

Product card

Setting	Description
Card border radius	Sets the corner radius of product cards. Use 0 for square corners. The radius is visible mainly when Shape style is set to Classic. Range: 0–40 px. Default: 4 px.
Small card border radius	Sets the corner radius of the compact (small) product cards. Range: 0–30 px. Default: 4 px.
Badge names	Lets you add your own product badges. Enter badge names separated by commas, for example Bestseller, New launch. A badge with that name is shown on a product card when the product has a tag with the same name. Tag matching ignores letter case and spaces. Default: Bestseller, New.
Badge border radius	Sets the corner radius of product badges. Range: 0–10 px. Default: 4 px.

Pre-order

Tag a product pre-order or preorder to sell it as a pre-order. To accept orders at zero stock, turn on Continue selling when out of stock for its variants. Sold-out variants always show as sold out.

Setting	Description
Show pre-order for	Defines which products are treated as pre-orders. Nothing (turned off): the pre-order feature is disabled. Tagged products: products that have the pre-order or preorder tag. Tagged products and out-of-stock variants that continue selling: tagged products, plus variants with tracked inventory that are out of stock but still sold (Continue selling when out of stock is on). Default: Tagged products.
Show pre-order badge on product cards	Shows a pre-order badge on product cards for pre-order variants. This option is available when Show pre-order for is not set to Nothing (turned off). Default: On.

Setting

Description

Show pre-order for

Defines which products are treated as pre-orders. Nothing (turned off): the pre-order feature is disabled. Tagged products: products that have the pre-order or preorder tag. Tagged products and out-of-stock variants that continue selling: tagged products, plus variants with tracked inventory that are out of stock but still sold (Continue selling when out of stock is on). Default: Tagged products.

Show pre-order badge on product cards

Shows a pre-order badge on product cards for pre-order variants. This option is available when Show pre-order for is not set to Nothing (turned off). Default: On.

Collection card

Setting	Description
Collection card border radius	Sets the corner radius of collection cards. Use 0 for square corners. The radius is visible mainly when Shape style is set to Classic. Range: 0–40 px. Default: 4 px.

Blog card

Setting	Description
Blog card border radius	Sets the corner radius of blog post cards. Use 0 for square corners. The radius is visible mainly when Shape style is set to Classic. Range: 0–40 px. Default: 4 px.

Inputs

Setting	Description
Input border radius	Sets the corner radius of form fields such as text inputs, search fields and selects. Range: 0–40 px. Default: 4 px.
Input border thickness	Sets the thickness of the border around form fields. Set it to 0 to remove the border. Range: 0–6 px. Default: 1 px.
Input border opacity	Sets how visible the border of form fields is. This option is available only when Input border thickness is greater than 0. Range: 0–100%. Default: 20%.

Pagination

Setting	Description
Pagination style	Defines how page navigation looks in every paginated list: collections, products, blog and search. Page numbers: shows Previous/Next arrows and clickable page numbers. Item counter: shows Previous/Next arrows and a counter such as "Showing 1–24 of 120" instead of page numbers. Default: Page numbers.

Animations

Setting	Description
Enable animations	Turns scroll and hover animations on or off across the theme. When it is off, the animation options below are hidden. Default: On.
Section headings scroll animation	Defines how section headings appear when they scroll into view. None: no animation. Slide in: headings slide into place. Fade in: headings fade in. Default: None.
Card scroll animation	Defines how cards appear when they scroll into view. None: no animation. Slide in: cards slide into place. Fade in: cards fade in. Default: None.
Product card hover effect	Defines what happens when a visitor hovers over a product card. None: no effect. Zoom: the product image zooms in. Show secondary image: the product's second media is shown on hover. Zoom and show secondary image: both effects are combined. Default: None.
Collection card hover effect	Defines what happens when a visitor hovers over a collection card. None: no effect. Zoom: the collection image zooms in. Default: None.
Article card hover effect	Defines what happens when a visitor hovers over an article card. None: no effect. Zoom: the article image zooms in. Default: Zoom.