Difference between revisions of "Vintage theme - Adding featured collections to your home page"

From Spiffy Stores Knowledge Base

 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
Rather than just show products on your home page, you can override the default behaviour and display your featured collections there instead. Each of the links can also display a slideshow of the first 5 products in your collection, or can display the image you have specified for that collection in the “Collections” section of your store’s Toolbox.
+
By default, the featured collections section on your home page shows the first 5 collections in your store. You can override the default behaviour and display featured collections that you select there instead. Each of the links shows an image from the first product in your collection, or it can display the image you have specified for that collection in the “Collections” section of your store’s Toolbox.  
  
To add a list of featured collections to your home page, follow the instructions below.
+
To customise the featured collections displayed on your home page, follow the instructions below.  
  
== Adding featured collections to your home page ==
+
== Customising the featured collections on your home page ==
  
#Go to the "Store menus" tab in your store's Toolbox<br>
+
#Go to the "Store menus" tab in your store's Toolbox<br>  
#Click the "Add a new menu item" button in the top right of your screen, and create a menu called "Home page".<br>
+
#Click the "Add a new menu" button in the top right of your screen, and create a menu called "Featured Collections".<br>  
#Your new empty menu should appear at the bottom of the page. Click the "Add new Menu Item" link in your new menu.<br>
+
#Your new empty menu should appear at the bottom of the page. Click the "Add new Menu Item" link in your new menu.<br>  
#In the "Name of new Menu Item:" field, enter the text that you want to appear for this image.<br>
+
#In the "Name of new Menu Item:" field, enter the text that you want to appear for this image.<br>  
#For the "This Menu Item links to:" field, select "Product collection"<br>
+
#For the "This Menu Item links to:" field, select "Product collection"<br>  
#A new field will appear to the right that lists your product collections. Select the collection you want to display<br>
+
#A new field will appear to the right that lists your product collections. Select the collection you want to display<br>  
 
#Click the "Add menu item" button to save.
 
#Click the "Add menu item" button to save.
 +
#Repeat steps 3 through 7 to add more collections to your home page.
  
 +
<br>
  
 +
== Uploading a collection image to display instead of a product image  ==
  
== Displaying your featured collections as a slideshow ==
+
Upload an image to display for your collection, rather than the first product in your collection.  
<gallery heights="200px" widths="200px" class="right">
 
File:Vintage-theme-collection-menus.png|Displaying your featured collections as a slideshow
 
</gallery>
 
You can choose to display a slideshow of the first 5 products in your featured collection.  To do this, you just need to turn on the option in your theme editor.
 
  
#Go to the "Design & assets -> Theme editor" section of your Toolbox<br>
+
#Go to the "Collections" section of your Toolbox<br>  
#Scroll down to the "Collection menus" section<br>
+
#Click on the collection name that you want to upload an image for<br>  
#Tick the "Display collection menus as a slideshow?" option<br>
+
#Upload your image in the "Collection Images" section.
#Scroll down and click the "Save settings" button.
 
  
== Uploading a collection image to display instead of a product image ==
+
<br>
  
New feature! You can now upload an image to display for your collection, rather than the first product in your collection.
+
=== Related pages ===
  
#Go to the "Collections" section of your Toolbox<br>
+
*[[The Vintage theme guide]]
#Click on the collection name that you want to upload an image for<br>
+
*[[Vintage theme features|Vintage theme features]]
#Upload your image in the "Collection Images" section.
+
*[[Vintage theme FAQ|Frequently asked questions]]
 +
*[[Vintage theme - uploading your logo|Uploading your logo]]
 +
*[[Vintage theme - selecting & modifying your colour scheme|Selecting &amp; modifying your colour scheme]]
 +
*[[Vintage theme - selecting your title font|Selecting your title font]]
 +
*[[Vintage theme - editing your menus|Editing your store's menus]]
 +
*[[Vintage theme - updating your home page|Updating your home page]]
 +
*[[Vintage theme - editing your slideshow|Editing your slideshow]]
 +
*[[Vintage_theme_-_Adding_featured_collections_to_your_home_page|Adding featured collections to your home page]]
 +
*[[Vintage theme - Adding featured collections on other pages|Adding featured collections on other pages]]
 +
*[[Vintage theme - connecting your email subscriber form|Connecting your email subscriber form]]
 +
*[[Vintage theme - enabling Facebook comments|Enabling Facebook comments]]
 +
*[[Vintage theme - connecting to your social media accounts|Connecting to your social media accounts (Facebook, Twitter, Google + etc.)]]
 +
*[[Vintage theme - Displaying icons for your accepted payment methods|Displaying icons for your accepted payment methods]]

Latest revision as of 11:56, 27 January 2021

By default, the featured collections section on your home page shows the first 5 collections in your store. You can override the default behaviour and display featured collections that you select there instead. Each of the links shows an image from the first product in your collection, or it can display the image you have specified for that collection in the “Collections” section of your store’s Toolbox.

To customise the featured collections displayed on your home page, follow the instructions below.

Customising the featured collections on your home page

  1. Go to the "Store menus" tab in your store's Toolbox
  2. Click the "Add a new menu" button in the top right of your screen, and create a menu called "Featured Collections".
  3. Your new empty menu should appear at the bottom of the page. Click the "Add new Menu Item" link in your new menu.
  4. In the "Name of new Menu Item:" field, enter the text that you want to appear for this image.
  5. For the "This Menu Item links to:" field, select "Product collection"
  6. A new field will appear to the right that lists your product collections. Select the collection you want to display
  7. Click the "Add menu item" button to save.
  8. Repeat steps 3 through 7 to add more collections to your home page.


Uploading a collection image to display instead of a product image

Upload an image to display for your collection, rather than the first product in your collection.

  1. Go to the "Collections" section of your Toolbox
  2. Click on the collection name that you want to upload an image for
  3. Upload your image in the "Collection Images" section.


Related pages