Help finding or building a component.

DavidBeuy
Tourist
17 0 1

Screenshot 2023-12-16 182155.png

How does one achieve this? Is there an app or a way to do this using the DAWN theme. 

Replies 11 (11)

Sunil-Kumar
Excursionist
14 1 1

Hello,

Do you want show product variants or product in a table view?

SK
DavidBeuy
Tourist
17 0 1

I think Variants. I have to figure out what my boss wants first. I like the Idea of having one parent product and you select the variant of the Parent product you want. 

squiggleandcode
Shopify Partner
2 0 0

Your best bet for this one would likely be some custom development. You could make a new product grid section, and set this up using an HTML table (https://www.w3schools.com/html/html_tables.asp). Then store all that extra product info like length, power etc. in metafields, and pull these through as part of the table. 

Shopify themes, apps, and consulting. Divide is available on the Shopify Theme Store, and QuickSwatch on the Shopify App Store.
DavidBeuy
Tourist
17 0 1

Okay... That might work for what I need. 

Would you be able to purchase the product in the table? This is all new to me so I'd have to do some research how to use Metafields in that way, I've only used them for Filtering. Still pretty new to Shopify. 

Sunil-Kumar
Excursionist
14 1 1

Shopify provides all products variants with details on product template page so you only need to loop through them and print in a table with their individual add to cart form only 

SK
DavidBeuy
Tourist
17 0 1

sorry still kinda new to all of this. If I create product metafields of my values, I can take those values and plug them into the table? am i saying that correct? 

squiggleandcode
Shopify Partner
2 0 0

Yep, that's correct! The information here - https://shopify.dev/docs/api/liquid/objects/metafield - outlines how you can pull through metafields as part of the table.

Shopify themes, apps, and consulting. Divide is available on the Shopify Theme Store, and QuickSwatch on the Shopify App Store.
Sunil-Kumar
Excursionist
14 1 1

Hi DavidBeuy,

Sorry for late replay,

 

You only need to loop through the product variants only, you will need metafields when you need to show extra info for products.

SK

Rob_Mardall
Shopify Partner
32 3 4

Hi David, did you manage to solve this?

Generate SEO optimised articles in seconds today!

DavidBeuy
Tourist
17 0 1

not really... I found a couple site templates that have something kinda like that. But I would love to know if there is an app or a way to make something like above. 

 

Sunil-Kumar
Excursionist
14 1 1

You can share me the link and I will share the basic view with product variants

SK