Products from Shop-Script on block pages for Site app

Products from Shop-Script right in the page builder

The plugin adds a ready-made product block to the block-based page builder of the “Site” app, allowing you to display products from Shop-Script.

Add products to your store’s homepage, promotional landing pages, seasonal selections, brand pages, reviews, and promo pages. Instead of using the standard category layout, you can design your own sales-focused page in the “Site” builder and place the products you need in a suitable layout. Select a product source, customize the appearance of product cards in the editor, and build a neat product section without manually copying product names, prices, images, and links.

The block uses real products from your store, so your pages remain connected to the Shop-Script catalog: product cards can be displayed from a category, a product list, specified IDs, or the entire catalog.

Flexible product selection

Choose which products to display in the block:

• products from a specific category;
• products from a Shop-Script list;
• products by comma-separated IDs;
• all products.

This makes it easy to build both a large product showcase and a targeted selection of several products for a promotion, review, or special offer.

No-code appearance customization

Design product cards directly in the visual editor. You see real products on the page and can immediately adjust how the section will look.

You can customize:

• the number of product cards per row separately for different devices;
• grid alignment;
• card background, spacing, border, border radius, and shadows;
• image appearance;
• styles for the product name, price, compare-at price, and short description;
• visibility of individual card elements;
• links to product pages for images and product names;
• card display on desktops, laptops, tablets, and smartphones.

Responsive product sections

Set a separate number of columns for desktops, laptops, tablets, and smartphones. For example, you can show 4–6 products per row on a large screen, 2–3 on a tablet, and 1–2 on a smartphone.

This helps the product section look neat on different devices without additional layout work.

Consistent card styling

Customize one card style and apply it to all products in the block. This helps quickly bring the showcase to a consistent look: matching spacing, border radius, shadows, text sizes, price styling, and image appearance.

How to use

1. Install the plugin via the “Installer” app.
2. Open a block-based page in the “Site” app.
3. Click “+” and add the product block from the “Online store” category.
4. Select the product source: category, list, product IDs, or the entire catalog.
5. Customize the grid, cards, images, text, prices, and element visibility.
6. Save the page.