Shop-Script Product Media Slider for Site app
Product photos and videos on block-based pages
Add a neat media slider with photos and videos of a selected Shop-Script product to block-based pages in the page builder (Site app).
Photos and videos are taken from the product card in Shop-Script, so there is no need to upload images again, copy links, or build a gallery manually. Select a product, add the block to a page, and get a ready-made slider with the product’s main media: photos, videos, thumbnails, navigation arrows, and swipe support on mobile devices.
What pages it is suitable for
Use the slider to showcase a product where a standard product card is not enough:
- on a landing page for a specific product;
- on a promotional page for a special offer or sale;
- in a product review or product selection;
- on a brand or collection page;
- in an article, instruction, or product presentation;
- on the store homepage;
- on a page with product benefits or use cases.
This helps you build a more expressive page around a specific product and show it from different angles: photos, details, use cases, and video — all in one neat block.
Video and aspect ratio settings
You can manually choose the appropriate display aspect ratio for videos. This is useful if a video is vertical, has a non-standard format, or if the default player size does not fit the page design.
This helps the video fit neatly into the slider without breaking the block composition.
Convenient media navigation
Customers can browse product images and videos using:
- navigation arrows;
- thumbnails;
- swipe gestures on mobile devices.
This is especially useful for products where details matter: appearance, texture, package contents, dimensions, different angles, or a video review.
Appearance customization
The slider supports standard element design settings of the “Site” app’s block-based page builder.
You can customize:
- outer spacing;
- shadows;
- borders;
- corner rounding;
- visibility on different devices;
- HTML block identifier.
The design settings support the website theme styles, making it easier to fit the slider into the overall look of the site.
Neat technical implementation
Images and videos are displayed with proper alt attributes, image dimensions, keyboard navigation, and ARIA markup.
The plugin is suitable for online stores that need to showcase products beautifully on custom pages without manual layout work, extra code, or disconnecting from Shop-Script data.
How to use
- Install the plugin via the “Installer” app.
- Open a block-based page in the “Site” app.
- Add the product photo slider block.
- Select a product from Shop-Script.
- Customize the slider appearance, thumbnails, spacing, corner rounding, and display on different devices.
