🧺 Collection Page Widget

How to Add a Collection Widget Using GLO Related Products, Upsell

Step 1: Create a Widget

  1. From the app admin, go to the Widgets tab.

  2. Click the Add widget button in the top right corner.

  3. For Placement, choose Collection.

  4. Select the one of layouts you want

  5. Click Next to go to the configuration page and begin setting up your widget.

Step 2: Configure the Widget

On the configuration page:

  • Enter a title for your widget.

  • Select the target product(s) where the widget should appear.

  • Set display conditions to determine which products will be shown.

  • Click the Customize button to access the design settings.

Step 3: Set Display Position on Collection Page

1, If your theme is the theme 2.0, it's recommended Use App Block in Theme Editor (2.0 themes) and add widget shortcode to show up the widget

2, If your theme is a vintage theme, you select Before / After / At Start / At End of an HTML Element:

You use the Custom placement by HTML element by specifying the HTML element where the widget should appear.

Step 4: Copy the Widget Shortcode

  1. Return to the Widgets list.

  2. Find your newly created widget.

  3. Click Copy under the Shortcode column.

Step 5: Add Widget in Theme Editor

  1. Go to Online Store > Themes > Customize: Go to Collection page -> add section

  1. Select Apps > select GLO Related Products, Upsell of G:Recommended Widget.

  1. Click on App Embed block > Paste the widget’s shortcode (copied in Step 4) into the block settings.

Step 6: Enable App Embed

To make sure the widget works correctly:

  1. In the theme editor, go to the App Embeds section (bottom left corner).

  2. Find GLO Related Products, Upsell and toggle it on.

  3. Click Save.

Why Your Widget Might Not Be Showing

  • Make sure that you already add the widget shortcode on Collection template on Theme Customize page, but not other pages.

  • The product you check must match the target product condition configuration in the Settings, so the widget does appear.

  • Make sure that there are related products that meet the conditions you’ve set. For example, if you set the condition to "Same Tag" but no products share with that tag, nothing will display.

  • The related products have already been added to the cart. Once a product is in the cart, it will no longer be displayed in the widget.

Need Help?

If you encounter any technical issues, please contact our support team — we’re here to help you with sincerity and care 🤗

Previous🛒 Homepage WidgetNext🛍️ Cart Page Widget

Last updated