Theme editor settings
The guidance below offers a comprehensive list of the various settings that can be configured for ShopWired themes and is intended to serve as a reference guide. Not all themes have the same settings, and some customisation settings might be missing (deliberately) from the theme you are using.
If you need to make customisations to your theme not available through theme settings, you can edit the theme's code or contact theme support. Read ShopWired's theme support & design policy.
Theme settings
Theme settings
On Version 5 themes, theme settings are available from each page of the live preview.
| Setting group | Setting | Description | Theme availability |
|---|---|---|---|
| Theme name | Theme name | The name of the theme as it appears on the installed themes page in your ShopWired account | All themes |
| Theme width & layout | Maximum theme width | The that the website will display at in the visitor's browser | Version 5 |
| Theme width & layout | Space between sections | The space between sections configured with the section & block feature | Version 5 |
| Effects | Form field border radius | The of form fields | Version 5 |
| Effects | Form field border thickness | The of form fields | Version 5 |
| Effects | Button border radius | The of buttons | Version 5 |
| Effects | Button hover animations | Whether to apply an effect when a visitor hovers over a button | Version 5 |
| Effects | Image border radius | The | Version 5 |
| Fonts | Heading font | Select a to be used by heading text on your website, read more | Version 5 |
| Fonts | Body font | Select a Google Font to be used by standard/body text on your website, read more | Version 5 |
| Welcome popup | Various | Various settings for the display of a popup window welcoming your visitors, including asking visitors to sign up to your newsletter, read more | All themes |
| Age verification popup | Various | Various settings for the display of a popup window asking your visitors to confirm their age before they can view your website, read more | All themes |
| Icons | Various icons | Use to change the icons used, read more | Version 5 |
| Lazy load images | Lazy load images | Used to select to on website pages | All themes |
| Customer accounts | Display a referred friends page within the customer account area | Select this setting to allow visitors logged into customer accounts to see other accounts they've referred Used when using the in the reward points app |
All themes |
| Hiding pricing | Hide product prices unless a visitor is logged into a trade account | Select this setting to hide prices for website visitors unless they are logged into a | All themes |
| Advanced options | Enable source maps | Used to enable on your website, read more | All themes |
| Advanced options | Disable automatic SCSS compilation | Used to disable | All themes |
| Advanced options | Show SCSS compilation errors in the browser console | Used to display for the theme within your ShopWired account, read more | All themes |
Header settings
Header settings
On Version 5 themes, header settings are available from each page of the live preview.
| Setting group | Setting | Description | Theme availability |
|---|---|---|---|
| Logo & | Logo | Used to upload the company logo (applies across your ShopWired account) | All |
| Logo & favicon | Logo width | Used to set the width of the logo on your theme | All |
| Logo & favicon | Logo width (mobiles) | Used to set the width of the logo on your theme when viewed on a mobile | All |
| Logo & favicon | Logo alignment | Used to set whether your logo appears left aligned or centrally aligned in the header | Version 5 |
| Logo & favicon | Favicon | Used to upload a favicon | All |
| Text snippets | Announcement bar | Used to display an announcement message on your theme, read more | All |
| Text snippets | Various | Various text settings for text displayed in your theme's header, read more | All |
| Link lists | Various | Various menu settings for menus displayed in your theme's header, read more | All |
| Menu options | Display account menu | Used to toggle the display of a customer account menu | Version 5 |
| Menu options | Display basket item count | Used to toggle the display of the number of items in the visitor's basket | Version 5 |
| Menu options | Enable off canvas basket | Used to toggle the use of an off canvas shopping basket, read more | Version 5 |
| Menu options | Display various links | Various settings to toggle the display of certain menu options in your theme's header | Version 5 |
| Menu options | Make the category menu sticky | Used to set to your website's category menu fixed to the top of the browser as the visitor scrolls down the page | Version 5 |
| Menu options | Display a view all link in the submenu | Used to toggle the display of a 'view all' link in category submenus, when a visitor selects the 'view all' link they'll see all of the products assigned to the parent category's subcategories | Version 5 |
| Menu options | Category menu alignment | Used to set whether your category menu appears left aligned or centrally aligned in the header | Version 5 |
| Breadcrumbs | Display breadcrumbs | Used to toggle the display of on your theme | All |
Footer settings
Footer settings
On Version 5 themes, footer settings are available from each page of the live preview.
| Setting group | Setting | Description | Theme availability |
|---|---|---|---|
| Social media | Social media profile URLs | Used to set the URLs for your social media profiles, read more Enter the full URL including https://Contact theme support if a social media platform is not available |
All |
| Footer style | Footer style | Used to select the style of your theme's footer, read more | Vivify Version 5.3.0+ |
| Text snippets | Various | Various text settings for text displayed in your theme's footer, read more | All |
| Link lists | Various | Various menu settings for menus displayed in your theme's footer, read more | All |
| Card logos | Card brand logos | Used to select which card brand logos (e.g. Visa, Mastercard) are displayed in your theme's footer Contact theme support if a card brand logo is not available |
All |
| Card logos | Payment gateway logos | Used to select up to 3 payment gateway logos to display in your theme's footer | All |
| Additional settings | Various | Various other settings that determine the display and functionality of your theme's footer | All |
Page settings
Page settings
The table below lists the available on themes:
- To access page settings you must use the live preview in the theme editor to navigate to the page on your website you want to configure the page settings for
- Some setting groups and settings can be configured from different pages in the theme editor
- For example, the product cards setting group is available on the home page, category, search and brand pages, and the product page
- Some settings are available on theme versions earlier than Version 5 themes but are not page settings and instead available from the left sidebar in the theme editor on any page
- Other settings may be available on your theme not listed below, depending on the theme and theme version
| Page | Setting group | Setting | Description | Theme availability | Notes |
|---|---|---|---|---|---|
| Home | Product cards | Various settings for the display of products where they are displayed on pages like the home page, category pages, search results | |||
| Home | Product cards | Show an add to wishlist button | Used to toggle the display of the add to wishlist button | Version 5 | |
| Home | Product cards | Product image effects | Used to select image effects on product images Show 2nd image on hover swaps the image for the 2nd product image Zoom in on hover adds a slight zoom in effect Zoom out on hover adds a slight zoom out effect |
Version 5 | |
| Home | Product cards | Fill the image container | Used in conjunction with the aspect ratio setting to toggle whether the product image should be enlarged so that the entire space available is filled | Version 5 | Read more about this setting |
| Home | Product cards | Aspect ratio | Used to set the for product images | Version 5 | Read more about aspect ratios |
| Home | Product cards | Show variation pricing | Used to select whether to swap the product price/sale price with variation pricing Don't show variation pricing means that the product price/sale price will be used Show a from price means that the product price will be swapped with the lowest variation price/sale price Show a range means that the product price will be swapped with the lowest and highest variation prices/sale prices |
Version 5 | |
| Home | Product cards | Show product brand name | Used to toggle the display of the name of the brand the product is assigned to | Version 5 | |
| Home | Product cards | Enable quick view option | Used to toggle the display of a option on product cards | Version 5 | |
| Home | Category cards | Various settings for the display of categories where they are displayed on pages like the home page and parent category pages | |||
| Home | Category cards | Fill the image container | Used in conjunction with the aspect ratio setting to toggle whether the category image should be enlarged so that the entire space available is filled | Version 5 | Read more about this setting |
| Home | Category cards | Aspect ratio | Used to set the for category images | Version 5 | Read more about aspect ratios |
| Home | Category cards | Show a from price | Used to toggle the display of a from price The from price is calculated from products assigned to the category, looking at the lowest product price Variation prices are not included The from price is calculated only by looking at products assigned to the category or the category's subcategories |
Version 5 | |
| Home | Category cards | Categories per row (desktop) | Used to select the number of categories displayed per row on | Version 5 | |
| Home | Category cards | Categories per row (tablet) | Used to select the number of categories displayed per row on | Version 5 | |
| Home | Category cards | Categories per row (mobile) | Used to select the number of categories displayed per row on | Version 5 | |
| Home | Brand cards | Various settings for the display of brands where they are displayed on pages like the home page and the brands page | |||
| Home | Brand cards | Show the brand name | Used to toggle the display of the name of the brand | Version 5 | |
| Home | Brand cards | Fill the image container | Used in conjunction with the aspect ratio setting to toggle whether the brand image should be enlarged so that the entire space available is filled | Version 5 | Read more about this setting |
| Home | Brand cards | Aspect ratio | Used to set the for brand images | Version 5 | Read more about aspect ratios |
| Home | Brand cards | Brands per row (desktop) | Used to select the number of brands displayed per row on | Version 5 | |
| Home | Brand cards | Brands per row (tablet) | Used to select the number of brands displayed per row on | Version 5 | |
| Home | Brand cards | Brands per row (mobile) | Used to select the number of brands displayed per row on | Version 5 | |
| Home | Blog cards | Various settings for the display of blog posts where they are displayed on pages like the home page and the blog home page | |||
| Home | Blog cards | Show the date of the blog post | Used to toggle the display of the date of the blog post | Version 5 | |
| Home | Blog cards | Excerpt length | Used to set the number of characters shown from the | Version 5 | |
| Home | Blog cards | Fill the image container | Used in conjunction with the aspect ratio setting to toggle whether the blog post image should be enlarged so that the entire space available is filled | Version 5 | Read more about this setting |
| Home | Blog cards | Aspect ratio | Used to set the for blog post images | Version 5 | Read more about aspect ratios |
| Home | Blog cards | Blogs per row (desktop) | Used to select the number of blog posts displayed per row on | Version 5 | |
| Home | Blog cards | Blogs per row (tablet) | Used to select the number of blog posts displayed per row on | Version 5 | |
| Home | Blog cards | Blogs per row (mobile) | Used to select the number of blog posts displayed per row on | Version 5 | |
| Blog home page | Options & text | Show blog categories | Used to toggle the display of a menu | Version 5 | |
| Blog home page | Options & text | Show blog archive | Used to toggle the display of a menu | Version 5 | |
| Blog post page | Display options | Blog image size | Used to select the size of the blog image displayed | Version 5 | |
| Blog post page | Display options | Show the date of the blog post | Used to toggle the display of the date of the blog post | Version 5 | |
| Blog post page | Sharing & comments | Enable social sharing on blog posts | Used to toggle the display of buttons allowing visitors to share the blog post on their social media accounts | All themes | |
| Blog post page | Sharing & comments | Disqus URL | Used to enable the commenting platform on blog posts | All themes | Read more |
| Create account page | Fields | Display a date of birth field | Used to toggle the display of a date of birth field | All themes | |
| Create account page | Fields | Display a company name field | Used to toggle the display of a company name field | All themes | |
| Trade account application page | Fields | Display a company website field | Used to toggle the display of a company website field | All themes | |
| Trade account application page | Fields | Display a VAT number field | Used to toggle the display of a VAT number field | All themes | |
| Trade account application page | Fields | Display a mobile number field | Used to toggle the display of a mobile phone number field | All themes | |
| Trade account application page | Fields | Display a date of birth field | Used to toggle the display of a date of birth field | All themes | |
| Category page | Products per row | Products per row (desktop) | Used to select the number of products shown per row on category, brand and search results pages on | Version 5 | |
| Category page | Products per row | Products per row (tablet) | Used to select the number of products shown per row on category, brand and search results pages on | Version 5 | |
| Category page | Products per row | Products per row (mobile) | Used to select the number of products shown per row on category, brand and search results pages on | Version 5 | |
| Category page | Products per page | Products per page (on categories) | Used to select the number of products shown per page on category pages | All themes | |
| Category page | Products per page | Products per page (on search) | Used to select the number of products shown per page on search results pages | All themes | |
| Product page | Tabbed descriptions | Tabbed description 1 heading | Used to configure the heading for tabbed descriptions (description 1) | All themes | Read how to configure unique headings for each product |
| Product page | Tabbed descriptions | Tabbed description 2 heading | Used to configure the heading for tabbed descriptions (description 2) | All themes | |
| Product page | Tabbed descriptions | Tabbed description 3 heading | Used to configure the heading for tabbed descriptions (description 3) | All themes | |
| Product page | Tabbed descriptions | Tabbed description 4 heading | Used to configure the heading for tabbed descriptions (description 4) | All themes | |
| Product page | Tabbed descriptions | Tabbed description 5 heading | Used to configure the heading for tabbed descriptions (description 5) | All themes | |
| Product page | Product images | Aspect ratio | Used to set the for product images | Version 5 | Read more about aspect ratios |
| Product page | Product images | Roll over zoom | Used to enable a effect | All themes | |
| Product page | Product images | Zoom power | Used to select by how much the product image is zoomed | Version 5 | |
| Product page | Product images | Zoom size | Used to select the area (in px) that the zoom image is given | Version 5 | |
| Product page | Product images | Image lightbox | Used to toggle the use of a for product images | All themes | When enabled, visitors can click on the image to see it within a lightbox |
| Product page | Product images | Image thumbnails | Used to toggle the display of thumbnails for other images of the product | Version 5 | |
| Product page | Buttons | Display an add to wishlist button | Used to toggle the display of an add to wishlist button | Version 5 | |
| Product page | Other options | Show variation pricing | Used to select whether to swap the product price/sale price with variation pricing Don't show variation pricing means that the product price/sale price will be used Show a from price means that the product price will be swapped with the lowest variation price/sale price Show a range means that the product price will be swapped with the lowest and highest variation prices/sale prices |
Version 5 | Once a variation has been selected, the displayed price will change to the selected variation |
| Product page | Other options | Quantity box | Used to toggle the display of a quantity selection field | All themes | When not enabled, visitors will only be able to add a quantity of 1 to their basket |
| Product page | Other options | Stock indicator | Used to toggle the display of the available stock quantity of the product or selected variation | Version 5 | |
| Product page | Other options | SKU code | Used to toggle the display of the product or selected variation's SKU code | Version 5 | |
| Product page | Other options | Social sharing buttons | Used to toggle the display of buttons allowing visitors to share the product on their social media accounts | All themes | |
| Product page | Other options | Variant buttons | Used to swap the display of variation options from drop down lists to clickable buttons | All themes | |
| Product page | Other options | Bulk pricing discount tables | Used to enable the display of tables showing and | All themes | |
| Shopping basket page | Disable checkout | Disable checkout | Used to prevent the display of the 'proceed to checkout' button | All themes | Select this setting to stop visitors from being able to check out |
| Shopping basket page | Disable checkout | Checkout disabled message | Used to configure the text displayed when checkout is disabled | All themes | |
| Shopping basket page | Buttons | Show move to wishlist button | Used to toggle the display of a move to wishlist button for products in the basket | Version 5 | |
| Shopping basket page | Buttons | Move to wishlist button text | Used to configure the text for the move to wishlist button | Version 5 | |
| Shopping basket page | Checkout totals | Show VAT line total | Used to toggle the display of a VAT line total on the shopping basket page | Version 5 | |
| Shopping basket page | Checkout totals | Show discount line total | Used to toggle the display of a discount line total on the shopping basket page | Version 5 | |
| Shopping basket page | Delivery rates display | Display delivery rates as radio buttons | Used to change the display of delivery rate options from drop down lists to | All themes | This setting does not apply when using the |
| Shopping basket page | Voucher codes | Allow customers to enter a voucher code | Used to toggle the display of a voucher code field for normal website visitors | Version 5 | Applies to both visitors not logged in and visitors logged into a standard customer account |
| Shopping basket page | Voucher codes | Allow trade customers to enter a voucher code | Used to toggle the display of a voucher code field for visitors logged into trade accounts | Version 5 | |
