Help Centre

Support > Designing and Building Your Website > Adding Your Content

How do I create a grid of featured products?

The Featured Products Grid Integration 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 Integration

  1. Log in to your Create Account
  2. Click on Content on the top menu
  3. Click on Integrations on the side menu
  4. Click on the button Add Integration in the top right corner, select Featured Products Grid
  5. You will now be provided with the setup form for this Integration

Adding Products to the Featured Products Integration

Title – Name your Integration 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

  5. From the Add Block filters, select the Custom filter in the 'Blocks that include...' category

  6. You can then drag and drop the Custom Block you want to use, onto the desired place on the page.

Once the Custom block has been added to the page, you can click the Add Element icon and use the drop-down menu to select Integration and then select the Featured Grid you have just made content. You can learn more about using Custom Blocks here

Click Done and then save your changes.

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch