DOCS

Display product images in a slider

To display all the product images in the product page, or preview card you can use the Slider (VX) widget. This widget is also synced with the Product form so it slides to the corresponding image as you choose your variations.

Product images can be from different sources

  • The featured image
  • A gallery field
  • Images uploaded for variations

and so on.

Voxel provides dynamic tags for all of these different sources, but which ones you utilize depend on your specific use case, your post type configuration and product type configuration. In the ecommerce demo, we populate the widget with variation images and featured image ID. You can separate different dynamic tags with comma.

As a result, the Slider displays the variation images, but if the product is not a variable product, there’s also the featured image as fallback. You can add additional dynamic tags if needed. For example, if you use a Gallery field, you can add the All IDs dynamic tag for that field.

Continue reading