Related Product
This block allows you to show some related products to customers when they are on the product page.
1. Select type to show Recommendations Product
You can choose a type to show products on the Related Product here. We have total of 5 types for you to choose.
With each type, the list products show on the Product recommendations will be different.
1.1. By Collection, By Product Vendor, By Product Type
The list of suggested products will be in the same Collection/Vendor/Type as the main product in the product page.
Note: By Collection only works when you go to the product page with the link of the collection in it and Enable 'product url has link collection' in Theme Settings.
Please see this video to know when By Collection option works:
1.2. Dynamic recommendations
The products will be change and improve with time. You can refer this artical to know more.
1.3. By Linklist
This option allows you to select specific products to show. Please follow this guide to config it:
Step 1: Create a menu
From Shopify Dashboard > Navigation > Add menu.
Enter any Title and add some products which you want to show in Related Product block.
Then copy the handle of this menu for the next step.
Step 2: Create Tag in your main product
From Shopify Dashboard > Products > choose your main product.
You need to add tag with permanent syntax: relatedt4_handle of menu. If you don't add a tag with this syntax, the function will not work.
Example: relatedt4_recommend-product-01
Note: With any menu will have different handle
Step 3: Select By Linklist option to show on Product page
The list products you choose in step 1 will show in Related Product block of Main Product
2. How to configure Related Product block?
2.1. Heading Options
Note: Other than title, orther options in heading options not working when you enable design tab.
Design heading: Choose a design for the product recommendations here. We have 5 designs for you to choose.
Center heading align: Tick to the checkbox to enable center heading
Title, Description: Enter the content for title and description of heading here
Bottom space (px): Configure the space bottom for the product recommendations heading here.
Please see this video to know more:
2.2 Product Options
Product item design: Choose a design for the product recommendations here.
Rating position, Colors swatches position, Sizes list position
Show product vendors, Show product countdown: Tick on this checkbox to enable product vendor and countdown
Maximum products to show: Configure the maximum products that you wanna show on the product recommendations option here.
2.3. Options Image Products
You can config the Image ratio, Image size, Image position for the product image
Product content align: Configure alignment for the product content. You can choose to align Default or Center.
Items per row: Configure the number of products that you wanna show per row on the Product recommendations option here
Space horizontal/ vertical items (Desktop & Mobile): Configure the spacing horizontal/ vertical items on Desktop & Mobile here.
2.4. Box Options
You can choose the Layout design: Carousel or Grid.
With Carousel layout, you have options to Enable Loop, Autoplay speed, Prev next button and Dot button. You can refer to this video.
2.5. Space Options
You can config the margin bottom of this block. It will not work when you enable design tab. More over, you can choose different margin for Desktop, Tablet or Mobile.
[Private offer] Unsen Partner Plan
Exclusively for Unsen users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
FREE 100% EComposer Standard plan for 6 months (save you $114)
Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Unsen with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Unsen+EComposer” to upgrade for free.
Cheers, The4.
Last updated