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

[Twoodlepip]

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:

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! 🙏🏼

[suyash1]

@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.

[Twoodlepip]

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

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.

[suyash1]

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

[Twoodlepip]

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

[wo]

Generally add Featured collection

[Twoodlepip]

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

[wo]

This should be what you want.

[Posstack-Annt]

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).