Skip to main content

Online Store 2.0 themes

Product recommendations can be enabled or disabled for each page in your store’s theme editor. We use theme app extensions that can easily be dragged and dropped in the visual theme editor.

When you install the app, it creates an app block named ‘Assortion’ in your theme editor. You can drag and drop this app block into pages and within the page to decide where products recommendations will appear in a carousel format. This app block both initiates our app functionality and specifies where the product recommendations will appear on the page.

To add products recommendations to a specific, follow these steps:

  1. Click the ‘Online Store’ button under sales channels in your Shopify admin panel. Then choose themes.
  2. Click the ‘Customize’ button in the current theme section. This will open the visual theme editor.
  3. Choose the specific page that you want to remove recommendations from the top bar.
  4. In the left panel, click on the ‘Add block’ button with a blue plus icon at the bottom of the body section. Notice that there are multiple instances of this button, so make sure you’ve chosen the right one.
  5. Scroll down in the opened dialog to the apps section and click on 'Assortion'.
  6. A new block named 'Apps' will be added to the left sidebar. Drag and drop it to different locations on the page using the dotted button. It doesn't have any configuration options and works out of the box.
  7. The preview of your store will update to reflect changes. Make sure that product recommendations in carousel format appear in the preview and is in a place where shoppers can see them.
  8. Click on the ‘Save’ button on the top right corner.

To remove product recommendations from a specific page, follow these steps:

  1. Click the ‘Online Store’ button under sales channels in your Shopify admin panel. Then choose themes.
  2. Click the ‘Customize’ button in the current theme section. This will open the visual theme editor.
  3. Choose the specific page that you want to remove recommendations from the top bar.
  4. Find the ‘Assortion’ app block in the left panel. An eye icon will appear on the app block when you hover your mouse over it. Click the eye icon and it will be grayed out.
  5. Check and make sure product recommendations no longer appear in the preview window.
  6. Click on the ‘Save’ button on the top right corner.

App blocks in theme app extensions are automatically deleted when you delete the app from your store. Thus, deleting the app will also remove product recommendations from your store automatically without needing to modify your theme code.

App blocks are only available in Online Store 2.0 themes. We don’t support vintage themes at the moment.

If you have any further questions about setting up your storefront, send us an email at support@assortion.com.