Consistent 'Add to Cart' functionality across Pages and Collections

Topic summary

A developer is experiencing issues with “add to cart” functionality when rendering products from a collection on a custom page.

The Problem:

  • When clicking the “add to cart” button on the custom page, users are redirected to the cart page itself
  • Expected behavior: trigger a cart drawer or popup (similar to standard collection pages)
  • Currently using {% render 'product-card' %} with show_quick_add: true parameter

Current Status:

  • Another user asked if Shopify Plus is required
  • Original poster is uncertain whether Shopify Plus is necessary for this functionality
  • Issue remains unresolved with no clear solution provided yet

The discussion appears to be in early stages, with the developer seeking guidance on achieving consistent cart behavior across different page types in their custom Shopify theme.

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

In short, I want to render a product or a collection on a “dedicated” page, so the “add to cart” functionality is exactly the same, as it would be on a collections page.

I’m using a custom theme and trying to render products on a page with a “quick add” cart button:

{% for product in collections['my-collection'].products -%}
 {% render 'card-product', card_product: product, show_quick_add: true %}
{% endfor %}

The issue is that when I click on “add to cart” button, instead of triggering the drawer or the cart popup, I’m being redirected to the /cart itself, which is not what I want.

Hi,

Are you using shopify plus?

No, do I need shopify plus to have this functionality?