Page settings

Cards

Using the ‘cards’ settings you can configure aspects of the display of your products, categories, brands and blog posts on your website’s home page, category, brand and search results pages. Any changes you make to your card settings will be implemented in every place the cards display on your website. Below is an explanation of the settings you can adjust for each card type:

---

Product cards

Show an add to wishlist button
Place a tick in the box if you want an ‘add to wishlist’ button to display on each product card.

Product image effects
When a user hovers over the image of the product you can choose if you want a different effect to display to them:
No effect - select this option if you don’t want the image to change at all
Show 2nd image on hover - select this option if you want the second image you have added to the product to display
Zoom in on hover - select this option if you want the image to zoom in a bit when the user hovers over it
Zoom out on hover - select this option if you want the image to zoom out a bit when the user hovers over it

Fill the image container
Place a tick in the box if you want the image to fill the box in the page where the image is displayed. Use the live preview editor to see how each option looks. Which option is best will depend on the images you are using to showcase your products.

Aspect ratio
The aspect ratio of the image determines the proportional ratio between the height and width of the image. Adjusting the slider to change the ratio, you can determine using the live preview editor how your product images look best.

Show variation pricing?
If you have different prices for variations of your products, you can select if and how you want that pricing to be displayed:
Don’t Show Variation Pricing - select this option if you only want to show the base price of the product.
Show A From Price - select this option if you want to display the cheapest price that the product can be purchased for in a ‘From XX.XX’ format.
Show A Range - select this option if you want to show a range of the prices that the product is available in from cheapest to most expensive.

Show product brand name
If you are using the brands app, you can enable this setting to have the name of the brand that a product has been assigned to display with the product.

Enable quick view option
Enable this setting if you want users to have the option to select 'quick view' and see the product information in a popup on the page they are currently on, instead of automatically being taken to the product page.

---

Category cards

Fill the image container
Place a tick in the box if you want the image to fill the box in the page where the image is displayed. Use the live preview editor to see how each option looks. Which option is best will depend on the images you are using to showcase your categories.

Aspect ratio
The aspect ratio of the image determines the proportional ratio between the height and width of the image. Adjusting the slider to change the ratio, you can determine using the live preview editor how your category images look best.

Show a from price
Select this option if you want to display the cheapest price that the product can be purchased for in a ‘From XX.XX’ format.

Categories per row
Use the categories per row setting to determine how many categories you want to display on a single row for different devices based on their size. We recommend checking your site on each device size to see what works best for your website.

---

Brand cards

Show the brand name
Enable this option if you want the brand name to display for each brand card.

Fill the image container
Place a tick in the box if you want the image to fill the box in the page where the image is displayed. Use the live preview editor to see how each option looks. Which option is best will depend on the images you are using to showcase your brands.

Aspect ratio
The aspect ratio of the image determines the proportional ratio between the height and width of the image. Adjusting the slider to change the ratio, you can determine using the live preview editor how your brand images look best.

Brands per row
Use the brands per row setting to determine how many brands you want to display on a single row for different devices based on their size. We recommend checking your site on each device size to see what works best for your website.

---

Blog cards

Show the date of the blog post
Enable this option if you want to display the date that is entered in the ‘Date’ field for the blog post.

Excerpt length
move the slider to determine how much of an excerpt you want to display on the blog cards. This setting affects all blog cards.

Fill the image container
Place a tick in the box if you want the image to fill the box in the page where the image is displayed. Use the live preview editor to see how each option looks. Which option is best will depend on the images you have chosen for the main image of each blog.

Aspect ratio
The aspect ratio of the image determines the proportional ratio between the height and width of the image. Adjusting the slider to change the ratio, you can determine using the live preview editor how your blog images look best.

Blogs per row
Use the blogs per row setting to determine how many blog posts you want to display on a single row for different devices based on their size. We recommend checking your site on each device size to see what works best for your website.

Product page

Tabbed descriptions

If you have the tabbed product descriptions app installed, you can use this setting to configure what the heading of each description field should be. This will affect all prices, and cannot be configured on a per product basis.

---

Product images

Product image size (desktop)- use this setting to configure what size you want your product images to display in for users using a desktop sized device.

Aspect ratio - The aspect ratio of the image determines the proportional ratio between the height and width of the image. Adjusting the slider to change the ratio, you can determine using the live preview editor how your product images look best.

Roll over zoom - Enable this setting if you want users to see a magnified view of the product images when they move their mouse over them.

Image lightbox - Enable this setting if you want users to be able to see the full-sized image in a popup window when they click on your product images.

Image thumbnails - Enable this setting to have your additional product images display in thumbnails beneath your main product image.

---

Buttons

Use the ‘Buttons’ settings to alter the text that displays in the ‘add to basket’ button and ‘out of stock’ message. You can also choose whether or not to have the ‘add to wishlist’ button display on the product page.

---

Pricing

If you have different prices for your variations, you can choose if you want that pricing to display on the product page. You can choose between the following options:

‘Don’t Show Variation Pricing’ - if you select this option, only the price which you have entered for the base product will display.
‘Show A From Range’ - select this option if you want your variation pricing to display as ‘From £xx.xx’.
‘Show A Range’ - select this option if you want your variations pricing to display the range of available pricing.

---

Other Options

Quantity Box - Enable this option to have a quantity box display for each product to allow users to add more than one of the product to their basket at one time. Disabling this option would mean that users need to add multiples of one product one at a time.

Stock Indicator - Enable this option to display the current stock status for the product.

Social sharing buttons - Enable this option to have buttons display on each product page that allows users to share the product to their social media accounts. Which sharing options display cannot be changed.

Variant buttons - If you would like available variants to display as buttons instead of in a drop-down menu, enable this option.

Bulk pricing discount tables - If you have installed the bulk discounts app, enable this option to display the pricing tables for any configured bulk discounts.

Category page

In addition to adjusting the product cards settings you can also configure these settings for your category pages:

Products per page
Use these settings to determine how many products should show on a category page and on a search result page. When the number of products on one page exceeds the number entered in the box, excess products will be moved to a new page and users will need to move between pages to see more products. Utilising a lower number here can result in quicker load times for your category and search results pages.

Blog pages

Blog home

Show blog categories - enable this setting to have the categories you have configured for your blog be displayed on your blog's home page.

Show blog archives - enable this setting if you want the months and years that you have active blog posts in to be displayed. Users would then be able to select a month/year to see the posts for that time period.

---

Blog post

Blog Image Size - use the slider to determine the size for the thumbnail image that you can add to your blog posts.

Show the date of the blog post - enable this setting if you want the dates to display on your blog posts.

Enable social sharing buttons on blog posts - enable this option to have buttons display on each blog page that allows users to share the post to their social media accounts. Which sharing options display cannot be changed.

Disqus - ShopWired does not have its own comments system for blog posts. Instead, all themes have a pre-built integration with the third party commenting system Disqus. To activate Disqus on your theme, follow the instructions in this help guide to obtain your Disqus URL and paste this into the Disqus field.

Account pages

Here is an explanation of the settings you can configure for the pages on your website that control customer accounts:

---

Account login

Sign up section

Some themes (such as Vivify) allow you to display a sign up section on the account login page. If your chosen theme has this feature, you will see 'Sign up section' settings in the page settings for account login.

Use these settings to configure if you want that sign up section to show and what text should be contained in the section. Place a tick in the box beside 'Display a signup section?' if you want the section to show and untick the box if you don't want it to show.

---

Registration

Fields - Configure if you want a date of birth field and/or a company name field to display on the customer account signup form.

---

Trade application

Fields - Configure if you want a company website field, a VAT number field, a mobile number field and/or a date of birth field to display on the trade application form.

Basket page

Disable checkout

If you want to prevent all customers from checking out, you can disable your checkout. Place a tick in the box beside ‘Disable checkout’ to disable your checkout. You can then also configure the message which is displayed to users when checkout is disabled.

---

Buttons

Use these settings to configure text snippets for your basket page. You can also enable a ‘move to wishlist’ button.

---

Checkout totals

Show VAT line total - enable this setting if you want users to see how much VAT they are paying on the order.

Show discount line total - enable this setting if you want users to see the total amount of discount they are receiving. (Please note: sale prices and bulk discounts are not included in the discount line total.)

---

Delivery rates display

Display delivery rates as radio buttons - Enable this setting if you want delivery rates to be displayed as buttons instead of in a drop-down menu.

---

Voucher codes

Use the ‘Voucher Codes’ settings to determine if you want customers to be able to enter voucher codes at checkout. If you have the trade accounts app installed, you can disable voucher code entry for just retail customers, just trade customers or both.