Savile Row Setup Guide

Transcription

1 Savile Row Setup Guide Thank you for purchasing the 22 Savile Row theme. It promises to deliver everything the Blueprint theme did, but with extra features to make it even better. This guide covers some essentials to get your theme up and running. Downloading Your order invoice which is ed to you will include a link to download the theme file which you can then upload to your BigCommerce Store. Installation In your BigCommerce store's control panel, go to Storefront Design > My Themes Click Upload Theme button Upload the theme zip file by following the on screen instructions Wait for theme to upload and process Click on 22 Savile Row theme Click the Apply button Click Confirm

2 Select a theme variation Savile Row comes packaged with three theme variations that organises the style of your store. To activate a desired theme variation, go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Styles section, you can choose which variation you want and save the changes. However please note when switching from one variation to another, any previous style settings will be overwritten.

3 Features Configurable Navigation Choose how visitors can navigate your site including sticky navigation, mega menu and now display content page links in the main menu. To activate your choice go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under Theme Features, you can choose to enable sticky navigation for your store. To display content page links in the main menu, go to the Header settings and select whether to show/hide the content pages. Featured Categories On Homepage Show featured top level categories on the homepage to promote them to visitors. To activate this go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Products settings, you can enable featured categories to show and choose how many to include and how many to display per row. You will also need to add images to all the top level categories you want to appear on the homepage. To do this, in your control panel, go to Products > Product Categories and click the name of the top level category you want to feature. In the edit screen, upload your featured category image using the Category Image field, and click Save & Exit. Repeat this for all the other categories you would like to feature. We would recommend sizing images 350x250px.

4 Grid/List View Switcher on Categories Display products on category pages in a grid or a list with additional information displayed alongside each product. To activate your product grid option go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under Layout Settings you can enable a grid/list switcher on your store to give customers the option to view products in either a grid or list view. Alternative Product Page Layout (description underneath images and options) Choose the layout of your product page. The product description can go alongside the product image, or move it underneath to focus attention on your product images. To change the type of layout go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Products settings, you can select the option to show description below images under the product page heading.

5 Configurable Footer Choose whether to display a simple footer, or if you have a lot of secondary pages, they can now be easily displayed in columns. There s also an option to display card payment providers icons in the footer. To activate this go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Footer settings, you can select the option to have a simple footer. To display the payment icons, go to the Payment Icons tab and select the payment provider icons you wish to show on your store. Image Hover Switcher Show alternative product views when a customer hovers over the product image in the category grid. This is automatically set up with the theme and will work as long as there is a second image configured for each product you want to use the feature on. Add additional product images through the product edit screen in your store s control panel.

6 Colour Swatches on Product Grid Quickly show your customers available colour swatches for individual products. This helps save your customers time in looking for products. To activate this go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under Theme Features, you can enable the option to show colour swatches on product listings. Custom Product Labels Create demand with attention grabbing product tags for new, best selling or reduced items easily through your control panel. To activate these labels go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Labels and Tags settings, you can enable the different tags and labels you want displaying on your store and choose the different options for each one, such as text and label colour.

7 The different type of labels include: New Products Badges The new products tag allows you to emphasise when a new product has been added to your store. It is automatically produced when you add the new product to your store. Percentage Discount Badges The percentage discount badge allows you to highlight how much percentage is off a sale item. You can activate these in your control panel by going to Products > View > Edit Product and clicking more pricing on the Details tab. This will show additional pricing fields and by adding a retail price along with the normal price, this should produce a discount badge for that product.

8 Product Sale Badges This badge highlights the products that are currently in the sale. They will automatically display when a product is marked down as a sale item. If you are using percentage discount badges, we would recommend turning Product Sale Badges off. Custom Tags Custom Labels help draw attention to a product to perhaps highlight its popularity, stock levels or uniqueness. These can be activated in your control panel by going to Products > View > Edit Product and clicking on the Custom Fields tab. In the top section, you can apply the label and what words you would like it to display. For this to work, GridTag must be inserted into the Name box and the chosen text to display inserted into Value. Out of Stock Label Out of stock labels allow you to show when a product is out of stock in your store. This is automatically produced if inventory levels are tracked on your store. Selling Fast Labels The selling fast labels alert customers to the fact stock is running low for a product. This is automatically produced if inventory levels are tracked on your store and a stock warning amount has been set. Configurable Newsletter Popup Increase conversions with a newsletter popup. A newsletter subscription box will appear after your visitor has been on your site for a defined amount of time. To activate the newsletter popup on your store go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Newsletter Popup Settings, you can select the option to show popup and set delay and dismiss settings.

9 Wishlist Buttons on Product Grid Now your customers can add products to their wishlist from the category view, without having to click into an individual product page first. Save time and optimise your visitor s shopping experience. To activate the wishlist button on your store go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Theme Features settings, you can select the option to enable wishlist in product listings. Configurable Columns on Homepage This feature allows you to choose how many products are displayed per row under the featured and new products sections on the homepage. To activate the columns go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Products settings, you can select how products to display per row on homepage for featured and new products, as well as featured categories. Hover Cards This feature allows you to hide details in the product grids until you hover over a product listing. To activate the hover cards on your store go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Layout Settings, you can also select whether to hide buttons that appear on the product cards, as well as turning off the hover cards all together.

10 Latest Blog Posts on Homepage This theme allows you to display a small snippet of your latest blog posts on the homepage, giving customers the option to visit your blog quickly. This will work, providing that your blog is set up and blog posts are visible. To activate and change options, such as the number of posts to display and image sizes, go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel and find the Blog settings. Images will display above the title if you attach a post thumbnail in the blog article edit screen in your store s control panel. Configurable Action Buttons These are buttons that allow you to make an important action on your store, such as adding an item to your cart. These can be styled to suit your store by going to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Button settings, you can select the style options for your buttons, including text colours and background colours.

11 Log-in For Pricing Hide your product prices to visitors and show them only when customers log in. Ideal for wholesale/b2b websites that sell to trade customers. To activate this go to your theme editor found through the Storefront Design > My Theme > Customise in your control panel. Under the Purchase Options, you can select the option to only show pricing on your store if the customer is logged in. Additional Support Our theme support team will be able to answer questions relating to theme setup and help with any bug reports. Please 韑 airconsultancy.com if you have any questions relating to this theme.