๐งบ Collection Page Widget
Last updated
Last updated
From the app admin, go to the Widgets tab.
Click the Add widget button in the top right corner.
For Placement, choose Collection.
Select the one of layouts you want
Click Next to go to the configuration page and begin setting up your 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.
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.
Return to the Widgets list.
Find your newly created widget.
Click Copy under the Shortcode column.
Go to Online Store > Themes > Customize: Go to Collection page -> add section
Select Apps > select GLO Related Products, Upsell of G:Recommended Widget.
Click on App Embed block > Paste the widgetโs shortcode (copied in Step 4) into the block settings.
To make sure the widget works correctly:
In the theme editor, go to the App Embeds section (bottom left corner).
Find GLO Related Products, Upsell and toggle it on.
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.
If you encounter any technical issues, please contact our support team โ weโre here to help you with sincerity and care ๐ค