< Back to All Pod Tutorials

Product Tiles

The Product Tiles pod gives you two excellent product display options. Highlight “Featured Products,” “Products On Sale,” or “New Products” easily with this trunk-level pod.

The Product Tiles pod with the carousel option selected.

Creating your Product Tiles pod

Product Tiles pod template

1. Internal Name: This title will not be visible on the website; it is only used for organizing your content.
2. Share: If you flag this pod, your chosen content and settings will be saved to be added easily throughout your website. *If you need to change this pod, you can adjust it in one instance, and it will

Content tab

1. Title: This title will be above your product tiles. This is optional.
2. URL: Adding a link will turn your title into a link. This is optional.
3. Product: When you click “Add a line,” you can select or type a product name. You can add as many products as you like. Rearrange your products by dragging the arrows to the left of the product’s name up and down. Remove the products by clicking the trash can to the right.

Options tab

Flag the Carousel option and style your products in a carousel view, as seen in the example at the top of the tutorial.

Alternative styling example

To have a completely different style from the example above, leave the “Carousel” option unflagged. This style will display your products in a three-column layout, including the product preview description. The example below also shows how your Product Tiles title will be styled as a link.

Save and publish

To see your updated content on your website, you need to publish your page. In the Websites App, click on the Publish tab. Once there, click the Create button. On the next screen, you will select the website you want the page to publish to (if you have multiple websites) and check the Pages checkbox. Click Save at the top, then click Start.