Boost theme support

Other page sections

On this page, we cover Boost’s various sections.

Collection pages

‘Feature header’ settings

Choose a ‘Standard’ or ‘Feature‘ header layout for collection pages. The ‘Feature‘ header includes the option to select a ‘Featured product‘ to show in the header as a stand-out row on the first page of your collection.

You will need to be viewing the selected collection in the theme editor area to see the featured header.

Steps to create your collection header featured product

  1. Admin
  2. Online store
  3. Customise theme
  4. Navigate to a collection page
  5. Click to expand ‘Collection’ on the left hand side panel.
  6. Activate the “Enable feature header” checkbox.
  7. Back in the left hand panel, select “Add collection”.
  8. Choose which collection to affect, plus select a featured product too if needed.
  9. Save your changes.
When using the feature header layout, use the same background colour for a given collection across your store for consistent branding.

If your product images are not the same shape on your storefront, the product setting “align product titles” can help to achieve a more consistent layout. This setting is in all versions after 1.3.0

How to set up collection filters

This guide refers only to themes supported by Online Store 2.0. If your theme is older than August 2021, you will need to update your theme to access this feature.

OS 2.0 comes with a number of default storefront filters and you can also create custom filters for your collections.

To enable this, please watch the video below or check out Shopify’s guide on storefront filtering here.

Video guide

Product Pages

Size chart guide

If you need some help with setting up or understanding how the size chart guide work. Just follow the link to our support walkthrough guide. Guide to setting up Size Charts

Recently viewed and related products

Recently viewed and product recommendations from the same collection can be shown at the bottom of the product page. Recently viewed product images will appear smaller than product recommendations.

You can show products related to your blog articles – see this article.

‘Buy it now’ button & ‘Express checkout buttons’ (Paypal/GPay)

Video guide

Steps to set up or hide the ‘Buy it now’ button & ‘Express checkout buttons’ (Paypal/GPay)

  1. Admin
  2. Online store
  3. Customise theme
  4. Navigate to a product page
  5. Click to expand ‘Product pages’ on the left hand side panel
  6. Select the ”Buy buttons/quantity” content block
  7. Untick the “Show dynamic checkout buttons” checkbox.
  8. Save changes.

 

Collection list pages

The Collection List page allows you more control over showing and promoting your collections and selecting which ones you would like to appear on this page. The URL on your site for this is usually the store URL /collections

Example: https://your-store-name.myshopify.com/collections

For a more in-depth and walkthrough, check out the video below.

Video guide

Step A: Creating the template

  1. We first need to create a new page template by heading to Admin > Online store > Customise theme
  2. In the template picker at the top of the customisation window, select Pages > Create a template. Give it a descriptive name like “Groceries Coll List”
  3. You will now be taken to that template. Look on the left-hand side and you’ll see the options to add sections to this page. Add a ‘Collection list’ section to the page.
  4. Use the settings to pick the collections you want to show, and also disable any features you don’t want to use on this page – like a carousel layout, or ‘View all’ links.
  5. Once done, save this template. You are now ready to assign it to a page.

Step B: Creating your page and assigning your template

  1. Make sure you have your theme published for this part, otherwise you won’t be able to select the template.
  2. Head to Admin > Online store > Pages > Add page. You can name the page whatever you like and insert a page description if you desire. (The theme editor area settings allows you to hide the title and description, if you wish – just remember a clear main heading is important for ‘accessibility’ and SEO).
  3. On the right lower side you will see an option for ‘page template’, click this and select the new template you created in step 1.
  4. Once you have assigned this template, click save, and that’s it. You should now be able to view this page and see your collections displayed on it.

Blog Pages

Featured products in a blog article

The Blog page also includes a magazine layout allowing you to showcase articles from multiple blogs on the same page.

You can also show products in your articles, blog page and homepage blog section, as soon as you add links to products anywhere in your blog article content. Simply add links within your blog article to any number of products in your store to have them display in the blog section on your homepage and in your blog and article pages.

See the example in our demo store.

More information on blog layouts can be viewed here.

Did you find this article helpful?