Show full product section on a landing page

Store Design
,

Topic summary

A user is attempting to display a complete product section on a landing page, allowing visitors to add items to cart and view full descriptions without navigating away.

Current Status:

  • Successfully implemented a partial solution using a specific method (referenced via a URL link)
  • The implementation works on desktop but has a critical issue: product images don’t scale properly on mobile devices

Remaining Challenge:

  • Uncertainty about whether the current approach can include a functional “Add to Cart” button on the homepage or landing page
  • The user questions if they’re implementing something incorrectly or if the method has inherent limitations

The discussion remains open with no resolution yet provided.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m trying to get a full product section to show on a landing page so a user can add to cart and see the full description without clicking off the page.

I managed to get the whole thing to work except the product images don’t scale on mobile.

The LP is : https://www.literoller.com.au/pages/g1

2

Hi thank you for the write-up. I don’t think that method can show the full product page with an “Add to cart” button on the home page or a landing page, unless I’m doing something incorrect?