How do I display Similar Product Recommendations in a grid format?

Tagalys Widgets are loaded by reading data attributes on HTML tags. You place a line of HTML code with your requirements where you want the widget to appear and Tagalys will load this content asynchronously.


Similar Products (Grid) (data-tagalys-widget-opts-product-id should be dynamically set to the ID of the product)

<div id="tagalys-namespace" class="tagalys-namespace"
data-tagalys-widget="similar_products"
data-tagalys-widget-opts-product-id="product-id-for-similar-products"
data-tagalys-widget-opts-heading="More like this"
data-tagalys-widget-opts-limit="8"
data-tagalys-widget-opts-display-format="grid">
</div>