A Page Style holds the design of your sale pages. Its settings sit under four tabs: Colors, Styles and content, Page structure and FAQs. Each section below is named as it appears in the editor.
A change reaches a page on its next republish. When you save a style that published drops already use, the editor offers to republish them for you.
Colors
Three panels, each a colour picker per item. Leave a colour empty and the page picks one that contrasts.
- Panels — the page's default background, then a background for each section: Hero, Artist bio, Products, Quality, FAQs, Product page hero and Footer. A cleared panel inherits the page default.
- Text — a colour for each text role: Hero title, Eyebrows, Body copy & artist bio, Section titles, Product cards & links, Muted text, Option buttons & quantity. This is also where the typography lives: the font for the hero and section titles, for the eyebrows and for the body copy, the hero title's desktop size (px) and weight, and the body copy's size (px).
- Buttons — background, outline and text for the call-to-action buttons, and the same three for the Sale countdown.
Styles and content
Image display
- Image corners — Rounded or Square.
- Artist image — Circle or Full image.
- Randomise thumbnail order — shuffle the collection tiles on every visit.
- Thumbnail fit — Fill (crop to the tile) or Fit (show the whole image, so a landscape or square framed shot keeps its frame edges).
- Tile text inset (% of the tile) — the lot number, title and bid under each tile line up with the picture's left edge automatically; type a value (0–40%) to set the inset yourself.
- Tiles across (desktop) — Three or Four.
- Hover effect — Zoom (the picture grows), Tilt (the frame leans left and right) or None.
Holding page
- Simple holding page — before the start, a white page with just the countdown clock centred, in your countdown colours and font, and Enter with password beneath it when the page has a password. It replaces the normal holding page on every page that uses this style.
Auction page
Settings an auction's page needs and most pages never do:
- Show the "Auction" tag on lot tiles, the Lot word and Show the lot number.
- Countdown label, Countdown font, Countdown digit size and Countdown digit size on a phone. The countdown's colours are under Colors → Buttons → Sale countdown.
- Follow confirmation — background, keyline and text of the panel shown after a visitor follows the auction.
- Lot page buttons — colour, outline, text and font of the buttons on a lot's page; leave them empty to match the other buttons.
Button Appearance
- Button Shape — Rounded, Square or Pill.
- Button Style — Solid or Ghost.
- Rollover State — Darken or Brighten.
Hero Layout
- Vertical Alignment — Top, Bottom or Center.
- Horizontal Alignment — Left or Center.
- Show the hero button — the button under the hero title ("View auction lots" on an auction page). Off hides it.
- Slideshow seconds per slide — how long each hero slide shows before the next, for the artwork slideshow, the product-shot carousel and the holding page's slideshow. 1–60 seconds; 4 seconds unless you change it.
Hero image
Everything about the uploaded header picture, in one place:
- Uploaded header image — Full width, or the Right half of the page with the title and text on the left.
- Uploaded image fit — Fit to height (the whole height at its natural width, centred), Fit to width (the picture spans the page and the hero grows to it) or Fill the page (crop to the hero).
- Crop position (right half) — when a picture fills the right half, which end is cut off: Crop evenly, Crop the top or Crop the bottom. It also rules the artwork hero's right-hand layout.
- Hero panel max height (px) — the hero stops growing past this on tall screens. Desktop and mobile values; leave empty for a full-screen hero.
- Picture max height / max width (px) — show the picture no taller or wider than this, centred in the hero. A mobile max height lets a picture that looks small on a phone be taller there.
- Picture width on a phone (% of the screen) — show the picture this wide on a phone, its height following.
- Distance from the top of the screen (px) — where a capped picture starts; leave empty and it sits centred. Desktop and mobile values.
- Logo on a phone — above the picture, with a set space between logo and picture (px), or above the title as before.
- Logo width on a phone (px) — 20–400 px; leave empty for the usual small logo. Desktop keeps the Logo Width below.
- A GIF as the header image — upload a
.gifand it plays as uploaded; the page never resizes or re-encodes it, so keep the file a sensible size for the web.
Header
- Background — Transparent or Solid, with a Colour for a solid bar — on desktop and, separately, on phones (or Same as desktop).
- Behaviour — Persistent, or Hide when possible while the visitor reads — per device.
- Keyline under the header — the faint line under a solid header bar. Turn off for a flat edge.
Logo Image
Upload a logo image and set its Logo Width (for example 200px).
Mobile
How the page behaves on phones:
- Mobile products layout — Vertical scroll (default) or a Swipe carousel.
- Show main title on mobile and Show collection title on mobile — on a phone the main title sits directly above the collection title, so the name can appear twice in a row; hide either here.
- Read more on long descriptions — on a phone a long product description shows its first six lines with a Read more button that opens the rest. On by default; turn it off to show the whole text. A desktop always shows the whole description, and the sizes and prices under it are never hidden.
Additional Options
- Low Inventory Warning — a scarcity message, with editable text.
- Shipping Cost Display — the standard shipping rates beneath the Add to cart button. On by default.
- Send product links to the drop page — Instagram product tags and other links to a product's own page land on the drop page instead, opened on that product.
- Variant selected on load — the size and framing the product panel opens on: Middle size (default), Cheapest variant or Largest size.
Product dimensions
Optional lines in the product description showing the selected variant's measurements: Printed area, Border, Total print size and Total framed print size. Pick the Units — Centimetres, Inches or Both — or leave Auto to follow your account's measurement setting. Off by default, because the size buttons already show the print size. See How to show print dimensions on your store page.
Product title wording
The words 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.
Collection heading and description
- Show the collection heading — the heading over the collection (and over the auction lots) on every device; turn off to remove it. Mobile keeps its phone-only switch.
- Collection heading — your own title over the collection; empty shows the drop name followed by "Art Prints".
- Collection description — your own line under it; empty uses the translated default.
Product gallery
What appears in each product's image gallery:
- 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.
- Every frame colour — a framed product shot for each frame colour, not just one.
- Certificate per size edition — a certificate image per size tier instead of a single example.
- Header image resolution — Optimised (recommended), High resolution (slower loading) or Custom, with a desktop and a mobile width in px.
Page structure
Two cards: Print drop page and Auction page. Each is laid out twice — as a multi-page site (three or more prints or lots: a collection page, then a page for each) and as a single page site (one or two shown in full on the page).
- Sections — drag the sections of each page between the fixed hero and footer. The artist bio and the FAQs switch off in place. A list you have never touched follows the one above it (the single page follows the collection page, the auction follows the print drop) until you change it.
- Blocks — the order of a print's Description, Gallery and Options on its page (and of a lot's Gallery, Bid panel and Description). On a phone the blocks stack in that order; on a desktop the picture and the options sit side by side, with the description above or below them.
FAQs
The questions and answers drops using this style start with. Add your own, or reset to the standard FAQs. Editing the FAQs on a drop updates them here too.