Adding/Moving Recommendations

Attention: This is our old approach, and not available anymore for merchants who install Nosto in May 2024 or later!

In order to move recommendations, you will need to edit your theme. Follow Shopify's instructions on editing theme code to edit your theme.

Use Shopify's theme editor to find the associated Liquid file to edit it. In the editor, you will need to find the corresponding placeholder, after which, you can reposition, remove or even add a new placeholder.

Note: We recommend duplicating your published theme i.e. creating a clone of the live theme, making edits on the duplicated theme and setting it as your published theme once you have validated your changes.

List of default recommendation placeholders

Nosto places the following recommendation placeholders on the site.

Element Name
Theme File (OS1)
Theme File (OS2)

<div class="nosto_element" id="frontpage-nosto-1" />

templates/index.liquid

Updated: templates/index.json Added: section/nosto-index.liquid

<div class="nosto_element" id="frontpage-nosto-2" />

templates/index.liquid

Updated: emplates/index.json Added: section/nosto-index.liquid

<div class="nosto_element" id="frontpage-nosto-3" />

templates/index.liquid

Updated: templates/index.json Added: section/nosto-index.liquid

<div class="nosto_element" id="frontpage-nosto-4" />

templates/index.liquid

Updated: templates/index.json Added: section/nosto-index.liquid

<div class="nosto_element" id="productpage-nosto-1" />

templates/product.liquid

Updated: templates/product.json Added: section/nosto-product.liquid

<div class="nosto_element" id="productpage-nosto-2" />

templates/product.liquid

Updated: templates/product.json Added: section/nosto-product.liquid

<div class="nosto_element" id="productpage-nosto-3" />

templates/product.liquid

Updated: templates/product.json Added: section/nosto-product.liquid

<div class="nosto_element" id="categorypage-nosto-1" />

templates/collection.liquid

Updated: templates/collection.json Added: section/nosto-collection-prepend.liquid

<div class="nosto_element" id="categorypage-nosto-2" />

templates/collection.liquid

Updated: templates/collection.json Added: section/nosto-collection-append.liquid

<div class="nosto_element" id="searchpage-nosto-1" />

templates/search.liquid

Updated: templates/search.json Added: section/nosto-search-prepend.liquid

<div class="nosto_element" id="searchpage-nosto-2" />

templates/search.liquid

tUpdated: emplates/search.json Added: section/nosto-search-append.liquid

<div class="nosto_element" id="notfound-nosto-1" />

templates/404.liquid

Updated: templates/404.json Added: section/nosto-404.liquid

<div class="nosto_element" id="notfound-nosto-2" />

templates/404.liquid

Updated: templates/404.json Added: section/nosto-404.liquid

<div class="nosto_element" id="notfound-nosto-3" />

templates/404.liquid

Updated: templates/404.json Added: section/nosto-404.liquid

<div class="nosto_element" id="cartpage-nosto-1" />

templates/cart.liquid

Updated: templates/cart.json Added: section/nosto-cart.liquid

<div class="nosto_element" id="cartpage-nosto-2" />

templates/cart.liquid

Updated: templates/cart.json Added: section/nosto-cart.liquid

<div class="nosto_element" id="cartpage-nosto-3" />

templates/cart.liquid

Updated: templates/cart.json Added: section/nosto-cart.liquid

Last updated