Simplify product comparisons with an option table! This user-friendly interface provides clear visuals for effortless comparison, boosting customer confidence and potentially increasing conversions.
Metafields provide superior flexibility for comparison criteria, unlike product options that impacted store organization.
Metaobjects keep product information well-structured. For instance, imagine a cosmetics store using a table to showcase ingredients clearly. Metaobjects can store this data, while also allowing you to add images or icons for a more intuitive user experience, as seen in the demo above.
This approach streamlines setup and ensures consistency across your product range
REQUIREMENT
You must have Be Yours version 7.2.0. or later.
STEPS
Firstly, set up a Metaobject.
Creating a new Metaobject
-
In Admin dashboard > Settings > Custom data > Add definition under Metaobject definitions
-
The metaobject window requires three specific fields to be completed. Please follow the instructions below carefully.
Note: While this example focuses on cosmetics with an "ingredients" Metaobject, you can customize the 'Name' and 'Description' to fit your specific product information.
-
Name [1] -
Common ingredients
-
Description [2] -
Common ingredients
-
Add field [3] - Choose Single line text and Files
-
Single line text: Complete three required actions:
- You must enter exactly the word
Label
in the Name [1] field for the function to work correctly. - Enable Use this as a display name [2].
- Enable Required field [3] as necessary.
- You must enter exactly the word
-
Files: Complete two required actions:
- You must enter exactly the word
Icon
in the Name [1] field for the function to work correctly. - Under Accept specific files type, select Images [2] only.
- You must enter exactly the word
-
-
Then click Save to finish create a Metaobject.
-
-
Once you create a Metaobject, you'll find it listed.
-
Add entry for Metaobject
-
Go to Admin dashboard > Content 1 > Metaobject 2 > choose Common ingredients 3 > Add entry 4.
-
Choose image for the icon and enter text for the label.
Then click Save to fisnish add one entry.
To add additional entries, simply repeat this steps.
-
For example, we assigned 4 entries as the image below.
-
Secondly, set up a Metafield
Creating a new metafield
-
In Admin dashboard > Settings > Custom data > Products under Metafield definitions > Add definition
-
The metafield window requires three specific fields to be completed. Please follow the instructions below carefully.
Note: While this example focuses on cosmetics with an "ingredients" Metafield, you can customize the 'Name' and 'Namespace and key' to fit your specific product information.
-
Name [1] -
ingredients
-
Namespace and key [2] -
custom.ingredients
-
Select type [3]
-
Type: Metaobject
-
Reference: Common ingredients
- List of entry
-
-
Then click Save to finish create a Metafield.
-
-
Once you create a Metafield, you'll find it listed.
-
Assign values for Metafield
For illustration, we'll assign the values Retinol and Hyaluronic Acid to the metafield of the Anti-Aging Body Cream product.
-
Go to Product > Anti-Aging Body Cream > locate ingredients under Metafield.
-
In metafield ingredients, choose [Retinol] and [Hyaluronic Acid].
-
Then click Save to finish.
-
Finally, set up the Option table section
Turn on the Option table section
-
On the Themes page, choose Be Yours theme and click on the theme's button Customize.
-
On Home page (or other page template) > Template section group > Add section > Click on the Option table.
-
This Option table section is displayed prominently on your website with placeholder date as shown in the image below. Add up to 5 product blocks to showcase your favorites.
-
Set up the Option table section
-
Setting up Option table section
-
To using Metafield, enter exactly the namespace and key of metafield in Criteria option.
For manual table creation (without metafield), see this link..
-
For example, we enter
custom.ingredients
here.
-
-
Setting up Product block
-
Choose a product, and select a custom image you want to display. For example, the 'Anti-Aging Body Cream' product.
-
This section can accommodate up to 5 products. In the example below, we're showcasing 4 products.
-
For optimal displaying, please ensure all product images have transparent backgrounds.
-
-
We hope this article has been helpful. If you have any questions or concerns about this feature, please do not hesitate to contact our team for support.