Product Pages and Content Block Inserts

Product pages

For ref: https://stromberg-97.com/carburetors/genuine-97/

Product pages pull in a default header bar with image, we can set the images once functionality is decided.

Product pages display:

Header with image

header bar with image, we can set the images once functionality is decided.

Product Images and featured image

Featured image is used across the site for product ranges etc. There is an extra field for more product images, the featured image will be used by default if no further images are added.

Excerpt

This is the short brief description displayed alongside the images and used in product lists.

More info fields

This is used for the tab block below the image and excerpt, this block will only appear if any of the following: More info fields populated and/or Tech article/FAQ or PDF have been assigned to this product or product category.

Layout of the more info will reflect population, both columns populated will display 2 columns, single column populated will generate a single centred column.

 

Content Blocks

The following is the same process for all sections that use the page block functionality

Create

This will take you to a new page, make sure you have saved the current page as all changes will be lost when the ‘Create block’ button is clicked.

Enter a title, this is used for admin ref only so use something descriptive.

‘Link to this block’ once this block is saved it will display a link that can be used to directly link to this content block.

‘Make Global’ check this to make this block available to all pages.

Once a title is added a template for this block can be selected from ‘Page Attributes’ in the right column (please ignore ‘Parent’ and ‘Order’ fields). Once a template is selected click save and the page will reload with fields and options for the block selected.

Once the fields have been entered click save and then the ‘edit assigned page’ button to take you back to the page it was created from. Please note that if the block has ‘global block’ checked it will return to the page the block  was first created for.

Adding the block to the page

When you return the block will be available from the selct dropdowns in the ‘Select and order blocks’ panel.

The dropdown will list list first the blocks created just for this page and then a list of global blocks, select a block and order the block by dragging the dotted square top left of the row. Once selected and ordered click save and the block will be marked ‘-assigned’

Edit and preview: again, make sure the page is saved before clicking the edit button. This will take you back to this block to make any changes.

Preview will open a new page and display just this block as it will appear on the website. Please note many of these will not display/preview correctly at this time until the template block functionality and display have been finalised.

‘The add More’ button at the bottom will add a new row to select blocks that have already been created

Please make sure the page is saved before navigating to another page or function