shopify - product specs and be able to compare between products on the specs
I run table tennis products website.
I need to add product specification and way for users be able to compare between products on their specs.
Example the following product page : product example (http://butterflyindonesia.com/collections/frontpage/products/tamca-5000-sardius)
Every blade like above will have its speed and control quality number.
So need to put this on above product page like : Speed : 89 Quality: 70
And users can compare specs with other products side by side.
I understand I can just input the above spec on product description, but then it does not have compare system, users will have to manualy open two screens, and thats difficult for mobile users.
Is there any in-build solution in shopify or any app that can do this ?
You can do it but it is not a straight forward way.
Create all additional fields using metafields property of the products. More information - https://help.shopify.com/themes/liquid/objects/metafield (https://help.shopify.com/themes/liquid/objects/metafield)
Create a comparison "page" where you can provide 2/3/4 drop lists for products to be used for comparison
Create a template for products that displays the comparison data in JSON notation. More information - https://help.shopify.com/themes/customization/store/create-alternate-templates (https://help.shopify.com/themes/customization/store/create-alternate-templates)
As soon as a product is selected in "2", do an AJAX call to the product template in "3". You'll get the required data. Now you can arrange it in any format as you need.
Didn't find the answer?
Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.
Find the answer in similar questions on our website.
Write quick answer
Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.