The Products block puts products from your Shopify catalog on your LinkShop page. Visitors see each product’s image, title and price, choose a variant, and add it to their cart without leaving your page.
It replaces the Product, Product Grid and Product Slider blocks, which are now its three layouts.
Layouts
Choose a Layout at the top of the block’s settings:
- List — One card with a row per product: image, title, variant picker, price and Add. A list with one product is a single featured product. New blocks start as a list
- Grid — Products in two columns, each with a square image, title, price, variant picker and Add
- Slider — One row of products that visitors swipe through. When the block has a headline, arrows next to it scroll the row
Switching layout keeps your products, collection and tags, so you can try a layout and switch back.
Settings
- Layout — List, Grid or Slider
- Headline, Heading size and Alignment — Text above the products. Grid and Slider only; a list has no headline
- Products — Click Select products to pick products from your catalog. Drag them to reorder. Expand a product to remove variants you don’t want to offer
- Show tags — Turn on to add a tag to each product, such as “Best seller” or “New”. Expand a product to set its tag. In a list the tag is a banner across the top of the product’s row; in a grid or slider it’s a badge on the image
- Collection — Instead of picking products, click Select collection to show a collection’s products. A collection shows up to 20 products, or up to 10 in a slider
You can use either Products or Collection, not both. While one is set, the button for the other is disabled — click Clear first to switch.
How to add a Products block
- Click Edit LinkShop on the LinkShop dashboard
- Click Add block and choose Products
- Choose a Layout
- Click Select products, or Select collection to show a collection
- Optionally drag products into order, turn on Show tags, or add a headline (Grid and Slider)
- Click Save
What visitors see
- Each product starts on the first variant you kept
- Tapping a product’s image or title opens its details
- Add puts the product in the cart. A product that’s out of stock shows Sold out instead
- When a product is on sale, the original price is shown struck through next to the sale price
If a product doesn’t show
Products and collections must be available on the LinkShop sales channel in Shopify to appear on your page. If one isn’t, the block’s settings show a message with a Make available button that fixes it for you.
Product bundles can’t be sold through LinkShop. The settings say so when you pick one.
Pages built with the old blocks
Pages that used the Product, Product Grid or Product Slider blocks were converted automatically and look the same:
- A Product block became a Products block in List with that one product. Its tag is now the banner on the product’s row
- A Product Grid block became the Grid layout
- A Product Slider block became the Slider layout
There’s nothing you need to do. The page is saved in the new form the next time you save it in the editor.
Tips
- Lead with your best-selling product in a one-product list, then follow it with a grid or slider of the rest
- Use a collection when you want the block to stay in sync with your catalog. Pick products when you want exact control over which appear and in what order
- Sliders work well on phones, where swiping feels natural, and keep a long range of products from making the page tall
- Each Products block has its own Styling and Analytics, like every block. Views, product clicks and add-to-carts are counted per block