How can I display selected products in a custom feature on my site?

Hey,

Wondering if someone could help out. I’ve already designed the modal but I’m trying to grab maybe two products which then display like so below for customers to select and be added to the cart. How can this be done if possible?

1 Like

To get arbitrary products anywhere in a theme with liquid you need some sort of reference to theme.

Some choices are

  • the all_products object
  • going through collections to a specific collection and then it’s products
  • using metafield definitions and/or dynamic sources for those products, pages, or other objects, etc.
  • or metaobjects

https://shopify.dev/docs/api/liquid/objects/all_products

https://shopify.dev/docs/api/liquid/objects/collections

https://help.shopify.com/en/manual/custom-data/metafields/metafield-definitions/

https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks#using-metafields-and-dynamic-sources

https://help.shopify.com/en/manual/custom-data/metaobjects/

To submit the items you’ll either need to implement a product form or use the ajax api.

https://shopify.dev/docs/themes/architecture/templates/product#the-product-form

https://shopify.dev/docs/themes/ajax-api/reference/cart

Good Hunting

Hi @Ess91 ,

You need custom coding and need to hire a developer to do so. This is not just a simple edits unfortunately

Hi @Ess91 ,

You can create a metafield and enter the comma-separated product handle in it.

Now you can access each product using all_products object and list them in your drawer code and implement the add-to-cart functionality.

We just created this for our client a few days back.

Let me know if you are willing to hire.

Hope this will help you…