Replace "Quick View" with "Add To Cart" - Impulse Theme

Topic summary

A user is attempting to replace the “Quick View” button with an “Add to Cart” button on their Impulse theme’s product grid. They’ve shared a code snippet from product-grid-item.liquid but are unsure how to modify it.

Suggested Solution:

  • Replace the quick view code with a product form and buy buttons
  • May require custom JavaScript to prevent immediate cart page redirection
  • Some themes have existing buy-buttons or product form snippets that could be adapted

Status: This is classified as an advanced customization requiring development work. The responder offers paid customization services if needed and requests additional context (store URL, theme name, post URLs) for further assistance.

Note: The code snippet appears corrupted or reversed in the original post, which may complicate implementation.

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

So I have this in the product-grid-item.liquid snippet, but not sure how to change it into an add to cart button. Any help greatly appreciated!

        {%- if quick_shop_enable and type == blank -%}
          <button class="quick-product__btn quick-product__btn--not-ready js-modal-open-quick-modal-{{ product.id }} small--hide">
            {{ settings.quick_shop_text }}
          </button>
        {%- endif -%}

Hi @frnak :waving_hand: You need to replace it with a product form buy buttons, and or suitable javascript if you don’t want it to immediately redirect to the cart.

Some themes may have a buy-buttons or products form snippet you can try to swap for the quickview but no guarantees it will work without suitable development work.

This makes it an advanced customization

If you need this customization then contact me by my email for services, or if you have access private message by clicking here (sloooower).
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.