Skip to product information
1 of 1
Published:2024.05.02

Example of settings for displaying "Accessories" set in Search & Discovery in the same format as the Related Products section in the Shopify theme "Dawn"

Example of settings for displaying "Accessories" set in Search & Discovery in the same format as the Related Products section in the Shopify theme "Dawn"

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • HTML/CSS
View full details

The product details screen of the Shopify theme "Dawn" has a frame for displaying "ancillary products" that can be manually specified as suggested products, in addition to the automatically suggested "related products". However, this display frame is a little small, so there are cases where you want to arrange them in the same size as the related products. Here is an example of how to do this.


Example of settings for displaying "Accessories" set in Search & Discovery in the same format as the Related Products section in the "Dawn" theme


[Setting Method 1] Create a new section file "complementary-products.liquid" by editing the code.


[Setup Method 2] Copy and paste the entire code from "related-products.liquid" into "complementary-products.liquid"


[Setting Method 3] Modify part of the code pasted into "complementary-products.liquid"


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add the string "&intent=complementary" to the end of the tag's data-url attribute

Change the “name” value of the section schema setting to “Accessories” and add the enabled_on property

Added the presets property so that it can be ad...

Related Post