Page Styles control the visual design of your sale pages. Settings are grouped into three tabs: Colors, Typography, and Buttons.
Colours
Set colours (via colour pickers) for:
- Core — background and text.
- Buttons — button background and text.
- Secondary — panels, sections, feature areas.
- Accent — highlights and decorative elements.
- Muted — subtle backgrounds and disabled states.
- Other Elements — border, timer background, and timer text.
Logo
- Logo Color — colour of the header and footer logo.
- Logo Background — a toggle that adds a background panel behind the logo. When on, you can set its colour, opacity, padding, and corner style.
Typography
Font sizes
Free-text values for Display, Heading, Subheading, Body, and Caption. Enter any CSS size — rem, px, or clamp() (for example clamp(2.5rem, 6vw, 4rem)).
Font weights
Set Display, Heading, and Body weights from 100 to 900 (400 is normal, 700 is bold).
Font families
Pick a Heading Font and a Body Font from a fixed list: Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana.
Buttons
Button appearance
- Button Shape — Rounded, Square, or Pill.
- Button Style — Solid or Ghost.
- Rollover State — Darken or Brighten on hover.
Hero layout
- Vertical Alignment — Top, Bottom, or Center.
- Horizontal Alignment — Left or Center.
Logo image
Upload a logo image and set its width (for example 200px).
Product display
- Preview Images — Artwork Image, Product, or Staging Shot.
- Thumbnails — Artwork Image or Product Image.
- Default Selected — which size is selected by default: Smallest or Largest.
Additional options
- Header Downward Arrow — toggle an animated arrow in the hero, with editable text.
- Low Inventory Warning — toggle a scarcity message, with editable text.
- Shipping Cost Display — show shipping costs to customers, with separate values for USA/Canada/Europe and Rest of World.
Language & Copy
- Page language — the language of the page's system text (buttons, countdown, headings, cart messages). Auto follows your store's Shopify language; or pick one explicitly. Applied when the drop is published.
- Collection description — your own text for the line under "The Collection"; empty uses the translated default.
Shipping Cost Display
Toggle whether delivery rates show beneath the Add to cart button. On by default; changes reach a live page on its next republish.
Product gallery
Five toggles control what appears in each product's image gallery on the sale page:
- Certificate (COA) shot and Letter-to-buyer shot — include or hide the certificate and letter preview images. See Do Certificates of Authenticity show on my store page for the common "hide the COA image" question.
- Every frame colour — show a framed product shot for each frame colour, not just one.
- Images added in Shopify — pictures you add to the product in Shopify admin appear in the gallery too.
- Hide images removed in Shopify — deleting a picture in Shopify admin also removes it from the gallery.
- Certificate per size edition — show a certificate image per size tier instead of a single example certificate.
Product shot format
Table shot format controls how the flat-lay table shots (print-only products) display in the gallery: Landscape (the natural shot), Square (1:1 centre crop), or Portrait (the same portrait ratio as the other product shots). Framed, wall, certificate and letter shots are unaffected.
Product title wording
Product title wording sets the words shown after each artwork title on the sale page ("… Fine Art Print" by default). Clear the field to show the title alone. A drop that already set its own wording keeps it — the style supplies the wording only where the page has none.
Product dimensions
Optional text lines in the product description area showing the selected variant's measurements: Printed area (print minus borders), Border (a range when sides differ), Total print size (the paper), and Total framed print size (print plus frame, framed variants only). Pick the unit — Centimetres, Inches, or Both — or leave it on Auto to follow your account's measurement setting. By default only Total print size is ticked, which shows nothing extra because the size buttons already display it. See How to show print dimensions on your store page.
Header image resolution
Header image resolution — desktop (px) and — mobile (px) control how large the header image is served per device.