You May Also Like Extension

Author: Charlotte Tran 1025 views

You May Also Like extension by EComposer allows you to add product recommendations to a single product page. (EComposer hasn’t supported automatic related products by rules)

Normally, you will see related products under these blocks: “More items like this”, “People also buy”, and “Similar items”. You have freedom while picking related items manually.

1. How to install/add the You May Also Like extension?

First, we’ll need to open the Extension popup, you have two ways:

Click on the Extension icon at the left side.
Under the Extension tab, click Add more.

On the Extension popup, you can see the You May Also Like extension, click Install now to install it.

2. How to set up You May Also Like extension?

After installing the extension, there will be a metafield added to your store. Please go to Shopify settings -> Custom data -> Products to see it.

After that, there are 2 ways to add the You May Also Like extension to your store (note that we only support manually selecting products in both ways).

First way: Go to Shopify > Choose Product > Add it with Metafield

Choosing the products via Metafield

Return to the EComposer editor > Select the Product that you have specified in the Metafield (it will render the products that you have specified).

How to show product by choosing Metafield in EComposer

Second way: Choose the product directly in the EComposer editor

Note: If you add products for the “You May Also Like” in the Metafield, they will show as a priority. If not, It will show the products that you pick for the extension in EComposer.

3. How to config the You May Also Like settings?

3.1 Content Settings

After choosing the Product, you can set the Show price, Items per row, and the Gap for the spacing of the You May Also Like.

3.2 Design Settings

General: This enables you to customize the extension’s background colour, box shadow, and border.
Items box: You can modify your design by changing the background colour, the box shadow, the border, the hover animation, and the transition.
Title/Price: This option will let you change some basic designs such as the font style, position, etc.