Adding/Moving Recommendations
Last updated
Was this helpful?
Last updated
Was this helpful?
In order to move recommendations, you will need to edit your theme. Follow BigCommerce's instructions on to edit your theme.
Use BigCommerce's theme editor to find the associated Stencil 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.
Please note that we replace the content of the placement with the fully rendered recommendation, so please place an empty div on your theme where the recommendation should be placed. For example:
You can read a more detailed explanation about how placements work in our help article.
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.
Nosto places the following recommendation placeholders on the site.
<div class="nosto_element" id="frontpage-nosto-1" />
templates/pages/home.html
<div class="nosto_element" id="frontpage-nosto-2" />
templates/pages/home.html
<div class="nosto_element" id="frontpage-nosto-3" />
templates/pages/home.html
<div class="nosto_element" id="frontpage-nosto-4" />
templates/pages/home.html
<div class="nosto_element" id="nosto-page-product2
" />
templates/pages/product.html
<div class="nosto_element" id="nosto-page-product2" />
templates/pages/product.html
<div class="nosto_element" id="nosto-page-product3" />
templates/pages/product.html
<div class="nosto_element" id="nosto-page-category1" />
templates/pages/category.html
<div class="nosto_element" id="nosto-page-category2" />
templates/pages/category.html
<div class="nosto_element" id="nosto-page-search1" />
templates/pages/search.html
<div class="nosto_element" id="nosto-page-search2" />
templates/pages/search.html
<div class="nosto_element" id="nosto-page-cart1" />
templates/pages/cart.html
<div class="nosto_element" id="nosto-page-cart2" />
templates/pages/cart.html
<div class="nosto_element" id="nosto-page-cart3" />
templates/pages/cart.html