Help Centre

Support > Designing and Building Your Website > Adding Your Content

How do I create a grid of featured products?

The Featured Products Grid widget allows you to create a responsive grid of products which can be inserted into any editable part of your Create website. The grid allows a maximum of 12 products to be displayed and each image will automatically create a link to the product page, which makes this a great tool for promoting your best products.

grid.jpg

Creating the Featured Products Grid widget

  1. Go to your "Content" screen in your Create account
  2. Click "Widgets" in the left-hand menu
  3. Click "Add New Widget" on this screen
  4. Click the "Featured Products Grid" option to create a new widget 
  5. You will now be provided with the setup form for this widget
  6. When you have finished adding your products. Click "Add Widget" to confirm.

Setting up the Widget

Title – Name your widget so that it is searchable within your account. This is only used within the Create application and not on your live website.

Screen_Shot_2014-06-18_at_10.50.12.png

Overlay Background Colour – Select the background colour you would like the details of your product to display on when the product image is hovered.

Overlay Text Colour – Select the text colour you would like for the details of your product when the product image is hovered.

Screen_Shot_2014-06-18_at_10.50.33.png

Products – Search your current products by title. Click the result in the dropdown to add it to the widget.

search.jpg

When a product has been inserted you can use the drag and drop handle to change the order they display in. 

This widget can now be added to any editable part of your Create website.

To add this widget to a Content Page, you will need to use a Custom Block. 

To add a custom block to your page, you can follow the below steps:

  1. Log into your Create account

  2. Click Content on the top menu

  3. Click Edit This Page (the pencil icon) next to the page you would like to edit

  4. Click the Add Block button in the bottom left-hand corner

  5. From the drop-down menu, select Custom

6. You can then drag and drop the Custom Element content block onto the desired place on the page.

Once the Custom Element block has been added to the page, you can click the + icon and use the drop-down menu to select what content you would like to add to the page.

 

 

You’ll see you can select content including Widgets, HTML Fragments and Custom Forms, as well as combinations of other blocks such as Buttons, Headers, Images, Videos, Maps and Text.

A placeholder icon will be added to the page and if you click the Settings icon, you can specify exactly which widget or HTML fragment for example, that you would like to use. Click Done and then save your changes.