- Edit Product Page
- Breadcrumb
- Product Sidebar
- Left Sidebar
- Right sidebar
- Drawer sidebar
- Product Thumbnails Position
- Thumbnails Left
- Thumbnails Right
- Thumbnails bottom
- No Thumbnails
- Grid 1 column
- Grid 2 column
- Inner zoom 1
- Inner zoom 2
- External zoom
- Product summary
- General Option
- Product title
- Short description
- Product Review and Sold
- Product price
- Visitors counter
- Product custom field
- Custom HTML
- Product meta
- Trust badge
- Delivery and Return and Pickup availability
- Product form
- Stock countdown
- Product addons
- Size chart
- Show compare color
- Show Ask a Question
- Show share
- Product swatch
- Product label
- Custom TEXT
- Guarantee safe checkout
- Custom liquid
- Countdown timer
- Product vendor logo
- Subscriptions
- Tab Review
- Tab Custom
- Setup Frequently Bought Together
- Variant Image Grouped
- Setup Stock notification form
- Setup Product group
- Products recently viewed
- Product recommendations
- Product information tabs
- Tab Description
- Product Description
- Layout 3
- Layout 2
- Layout 1
More Products Color
Written by ThuHuong_FE_NextSky
Last updated
When customers visit the product page, they will notice additional color or style options displayed beneath the product title. They can click on these options to view the corresponding variations of the product.
Step 1:
Access your Shopify store Admin, then navigate to Settings and select Custom data. From there, go to Products and click on Add Definition.
Follow these steps to create a Metafield, referring to the image provided below for guidance.
Click Save after every adjustment is done.
.jpg?alt=media&token=d0279f52-0522-4332-b05f-11e42173b5d7)
.jpg?alt=media&token=8f141056-b21f-4dfa-a86a-9e64d3f0872c)
Step 2 :
Proceed to the Products section, and choose any specific product.
Scroll down to locate the Metafield box.
Within this box, click on the More Colors field, and select the associated products from the options available.

Step 3 :
In the theme editor, Choose Default product top dropdown menu.
Click Product Main section.
Click Add Block, Select More Colors block and save.
Make style change from block and click save. Now you can view product from store front.