How do I create a list of Products that link directly to the Product Page not Collection overview?

Twoodlepip
Tourist
24 0 0

Hi there!

 

I want to create a list of Products that link directly to the product page of EACH product and not the individual collection overview page.

 

Here is a Shopify vendors example which works great and would like to create:

 

Products_HomePage.jpg

When you click on the image (greyed out for privacy) it brings you straight to the Product Page. 

 

I've tried adding Collection lists, Featured Products block but all seem to want to navigate through a collection overview page which is an extra unnecessary step I want to avoid.

 

Is there a way to build this? Help much appreciated! 🙏🏼

 

Replies 8 (8)

suyash1
Shopify Partner
9140 1138 1485

@Twoodlepip - please check if your theme has featured product section, not products.

 

This section would show single product and user can directly visit to page or purchase it from home page only.

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
Twoodlepip
Tourist
24 0 0

Theme is Studio which has a Featured Product option but that only shows 1 product and has too much info:

 

Screenshot 2024-04-02 at 12.41.03.png

 

I just want a simple neat list like this with 'Buy now' – not additional drop-downs as they are on the Product page I want it to link to.

 

Products_HomePage.jpg

 

suyash1
Shopify Partner
9140 1138 1485

@Twoodlepip - actually info is provided so user can read and directly purchase from home page

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
Twoodlepip
Tourist
24 0 0

No it's too much info for a home page. Which is why I want a clean UX for customer.

wo
Shopify Partner
73 20 17

Generally add Featured collection

Twoodlepip
Tourist
24 0 0

As mentioned above that isn't the UX solution I'd like or referenced.

wo
Shopify Partner
73 20 17

This should be what you want.

wo_0-1712031548102.png

 

Posstack-Annt
Shopify Partner
50 2 10

An option for your case is to use the (Free) Featured Product section (packed with Posstack Easy Content Builder - I'm biased when referring to my app here).

 

With this, you manually pick specific products to show on any page. You can optionally show the product description and Buy Now button.

 

PS. Below is an example using the Featured Products section (with Ajax-add-to-cart).

 

Screen Shot 2024-04-07 at 10.23.44 AM.png

(Free!) Easy Content Builder - No-code theme sections and metaobject templates for any Shopify store. Add pre-built sections, multi-column layouts, and customize right in the Shopify theme editor.