VizupCommerce

How to show related videos on collection Pages?

Step 1: Select Your Widget

In the widgets list view, find the widget you created. Click on it to open the details page for management and customization.

Step 2: Enable Collection Pages

On the widget details page, enable the Collection Pages option.

Step 3: Choose the Collection Page Scope

Choose how broadly the widget should appear:

  1. All Collection Pages: This option displays the widget on every collection page in your store by default.
  2. Specific Collection Pages: This option allows you to select individual collection pages for the widget’s appearance.

If you choose Specific Collection Pages, continue to the next step. If you choose All Collection Pages, skip to Step 5.

Step 4: Select Specific Collections

Choose Specific Collection Pages, then click Select Collections. In Shopify’s collection picker, select one or more collections and click Select to apply them.

Step 5: Save Widget Display Settings

Once you’ve chosen the collection-page scope, click Save in Shopify’s Unsaved changes bar to save the widget display settings.

A quick video walk-through:

Step 6: Open the Collection Template

Open Shopify Admin -> Online Store -> Themes -> Customize. In the theme editor, switch to the Collection template.

Shopify Customization

Step 7: Add the Vizup App Block

Within the Collection template, click Add section, open the Apps tab, and select the Vizup app block. Adding the block is enough; you do not need to enter a widget name in the theme editor.

Adding a section to the Collection template
Selecting the Vizup app block

Step 8: Save Your Shopify Theme

Click Save in the theme editor to apply the Collection template changes and make the widget live on your store.

Saving the Shopify theme
← Back to All Tutorials