The Antiqua theme guide: Difference between revisions
m Match the rest of the theme articles: no category |
m Add a screenshot of the theme to the top of the guide |
||
| Line 1: | Line 1: | ||
[[Image:Antiqua-theme-home.png]] | |||
The Antiqua theme is a traditional style theme for Spiffy Stores, with a clean, simple and elegant layout for your products. It adjusts for all screen sizes and devices, so your store looks right whether your customer is on a desktop, a laptop, a tablet or a phone. [http://antiqua.spiffystores.com/ Preview the theme], and resize your browser to see it in action. | The Antiqua theme is a traditional style theme for Spiffy Stores, with a clean, simple and elegant layout for your products. It adjusts for all screen sizes and devices, so your store looks right whether your customer is on a desktop, a laptop, a tablet or a phone. [http://antiqua.spiffystores.com/ Preview the theme], and resize your browser to see it in action. | ||
Revision as of 17:56, 9 November 2026
The Antiqua theme is a traditional style theme for Spiffy Stores, with a clean, simple and elegant layout for your products. It adjusts for all screen sizes and devices, so your store looks right whether your customer is on a desktop, a laptop, a tablet or a phone. Preview the theme, and resize your browser to see it in action.
The theme includes 15 colour schemes: Plum, Blue, Green, Grey, Purple, Red, Teal, Orange, Navy, Olive, Indigo, Burgundy, Charcoal, Sand and Sky. Click here to preview the different colour schemes.
On phones and tablets the top menu collapses into a slide-out drawer, collection pages become a grid of product cards, and every page fits the screen without sideways scrolling. The theme is built with keyboard navigation, visible focus states and WCAG AA colour contrast in mind.
Getting started - Before you start to customise your theme
1. Create your collections
You will find that it's difficult to customise your store and its menus until you have created some collections for your products. Collections are a way to organise your products by grouping them into categories. You create these in the "Collections" section of your store's Toolbox.
2. Add your collections to your top menu
Once you have created your collections, add them to your store's menus in the "Store menus" section of your Toolbox. If you don't do this, your collections will go unseen by customers visiting your store.
3. Add a few products to your store
Trying to modify an empty store means that you can't preview many of the features built into the theme, such as related products, which are chosen from your product tags.
The Theme Editor
Most of the theme is configured in the "Theme editor" section of your store's Toolbox, without touching any code. Each section below corresponds to a group of settings in the editor.
Colour Scheme
Choose one of the 15 built-in colour schemes. The scheme changes the header band, the menu, the side menu, headings, links, buttons and prices together, so the whole store stays consistent. See the colour schemes.
Store Logo
Tick "Use a logo?" to replace the store name in the header with an uploaded image. "Maximum logo width" sets how wide the logo may be; its height follows the logo's own proportions, so it is never squashed or cropped, and a logo narrower than the width you choose is shown at its own size. You can also upload a favicon, which is the small image shown in the browser's address bar and bookmark menu.
Top menu
Choose which menu appears across the top of your store. The menu supports drop-down sub-menus. On phones and tablets this menu collapses into a slide-out drawer with a hamburger button.
Product page
The product page settings let you turn on customer reviews (with a star rating and a "Write a review" form), star ratings on product cards, social sharing links, related products, the quantity field, and the product vendor, product type and availability lines. You can also choose which side the product image sits on and whether clicking an image opens it full size.
"Show a 'Please select' prompt on option menus?" makes product option menus start on a prompt instead of pre-selecting the first option, which avoids customers accidentally adding the wrong size or colour to the cart.
Side menu
The side menu can be displayed on the left or the right, or turned off entirely. You can also hide the "Latest news" section, change the side menu heading and choose which menu appears in the sidebar.
Collection pages
"Display sorting options?" lets customers re-order a collection by price, name or date, and "Products per page" sets how many products appear before the next page.
Announcement bar
The announcement bar is a full-width strip that appears above the header on every page, for a sale, a shipping notice or a phone number. Turn it on, type your text, and choose the background and text colours with the colour pickers. Leaving the text blank hides the bar.
Typography
Choose a heading typeface and a body typeface. Leave either on the theme default to keep the original serif.
Store footer
The footer has a text area on the left, a menu in the middle, a newsletter form and links to your social media profiles. See your store's footer.