Product recommendations
Written by Annie
Last updated
This block allows you to show some related products to customers when they are on the product page.
1. Select the type to show the Related Product
You can choose a type to show products on the Related Product here. We have a total of 5 types for you to choose.
With each type, the list of products shown 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 on 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.
1.2. Dynamic recommendations
The products will be changed and improved with time. You can refer to this article 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 the Product Recommendation block.
Then copy the handle of this menu for the next step.
Step 2: Create a Tag in your main product
From Shopify Dashboard > Products > choose your main product.
You need to add a tag with the permanent syntax: relatedbee_handle of the menu. If you don't add a tag with this syntax, the function will not work.
Example: relatedbee_recommend-product-01
Note: With any menu will have different handle
Step 3: Select the By Linklist option to show on the Product page
The list of products you choose in Step 1 will show in the Recommendation Product.
2. How to configure the Product Recommendations?
2.1. Heading Options
You can enter the content for Heading, Subheading, enable Center heading align and config the Bottom space (px) of the heading.
2.2 General Options
Product item design: Choose a design for the product recommendations here.
Show product vendors, Show product countdown: Tick on this checkbox to enable product vendor and countdown
Maximum products to show: Configure the maximum number of products that you wanna show on the product recommendations option here.
2.3. Options Image Products
You can config the Image ratio, Image size, and 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 of horizontal/ vertical items on Desktop & Mobile here.
2.4. Box Options
You can choose the Layout design: Carousel or Grid.
With the Carousel layout, you have options to Enable Loop, Autoplay speed, Prev next button, and Dot button. You can refer to this video.
2.5. Design Options
Layout: You can choose the layout for the section here. We have 3 layouts for you to choose: Container, Wrapped Container, or Fullwidth.
Margin/ Padding: You can configure margin/ padding for many devices: desktop, tablet and mobile devices.
[Private Offer] EComposer Partner Plan
Exclusively for Belyn 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 Belyn 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 “Belyn+EComposer” to upgrade for free
Cheers,
The4.