Shopify
  • Personalization for Shopify
  • Installing
  • Tracking & Session Management
    • Standard Shopify Storefronts
    • Custom Storefronts (Hydrogen, Headless & more)
  • Shopify International (Markets)
    • Front End addition
  • Recommendation Extensions
  • Guides
    • Quicker loading times
    • Granting Access to your Store
    • Adding/Moving Recommendations
    • Customizing Product Metadata
    • How Nosto modifies your theme
    • Version Controlled Themes
    • Implementing enhanced conversion tracking
  • Features
    • Variations (Configurable Products)
    • Managing the Cart
    • Supplier Cost & Inventory Level
    • Restore Cart Link
    • Ratings & Reviews
    • Multi Currency Support
    • Shopify Flow
    • Shopify Hydrogen
    • Marketing permission and GDPR compatibility
    • Online Store 2.0
    • Shopify Sections
    • Dynamic Bundle Discounts
    • Customer Reference
  • Integrations
    • Using Yotpo
    • Using Stamped.IO
    • Using Judge.Me
    • Using Okendo
  • Articles
    • Article: Leveraging Margin Data
  • FAQ
  • Uninstalling
  • Visit Nosto
  • Issues
  • Releases
Powered by GitBook
On this page

Was this helpful?

  1. Guides

Adding/Moving Recommendations

PreviousGranting Access to your StoreNextCustomizing Product Metadata

Last updated 1 year ago

Was this helpful?

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 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 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

editing theme code
duplicating your published theme