Set up in Online Store 2.0.

GLO Related Products, Upsell: setting up in Online Store 2.0 Shopify themes have two architecture types: Online Store 2.0 and vintage themes.

A new theme architecture called Online Store 2.0 allows you to add app functionality anywhere in your theme by using app blocks and app embeds. You can add, remove, preview, reposition, and customize app blocks through the theme editor.

Therefore, the GLO Related Products, Upsell has been built to integrate seamlessly with Online Store 2.0 through app blocks and app embeds. You can add app sections and blocks to your store pages and configure their appearance in the GLO Related Products, Upsell settings.

🟨 Important info: You can find the description and specifications of the Recommendation Widgets types in our help article on Widget Types Explained.

Activating app embed

After you hit Activate app in the app admin, it redirects you to the theme editor’s App embeds tab. You will need to activate it directly from the theme editor:

From your Shopify admin, go to Online Store > Themes. Find the theme that you want to edit, and then click Customize. Click the App embeds tab. Beside the GLO Related Products, Upsell app embed, click the toggle to activate it. Save the changes. Activating app embed on Shopify

Setting up the widget

GLO Related Products, Upsell: setting up in Online Store 2.0

There are two ways to install the GLO Related Products, Upsell widgets on your storefront (the setting is located on the Design tab).

1. In the app This is a quicker way. The widgets will be placed below of your product form. You can select the position to display the recommendations while editing each widget: use Below your product form

2. In the Theme editor This is a more customizable way to add an app block or section on the storefront.

Take these steps to set up the widgets in the Theme editor:

From the app admin, open the GLO Related Products, Upsell app Select a particular widget you want to display Click Customize to go to Design page Select the option Use App block in theme editor next to the setting Positions Save changes

Go back to the Widget tabs Copy the Shortcode of the widget that you want to appear

Go to the Shopify theme folder > Click Customize of the theme you need to show up the widget The Theme Editor will open, please select the page you need + add app block/section

In the block settings, paste the Shortcode into the key field, which you’ve copied previously. Click Save at the upper right.

Note App blocks can only be used with Online Store 2.0 themes. With the Online Store 2.0 theme, you can add app blocks to any page of your store through the theme editor. If you use a vintage theme, you should select the store pages in the Recommendation Widget settings. Learn more

Hiding and removing blocks and sections

You can hide any section or block using the eye icon.

You can delete a section or block from a template by going to the settings screen. The Remove section or Remove block button appears at the bottom of the section settings.

Steps:

In the theme editor sidebar, click the section or block that you want to remove. Click Remove section or Remove block. Click Save.