Enable 'Add to cart' button on product image

In this article:

Introduction
Scenario 1 ( If you have edited your theme source before )
Scenario 2 ( If you have NOT edited your theme source before )

⚠️ Kindly take note :
Above all code editing, you will need to re-edit the code again if you switch to a new theme template
We do not allow to change or edit the code for the checkout page (which include shipping & payment method) due to security reasons
You only need to follow the steps below for themes that you install on or before 4-April-2019.

1. Introduction

As we continuously improve ourselves to help your business grow, we came out with the latest Add-To-Cart button to enhance your customers' experience.

To ensure your store will be updated with the new patch, make sure you take action according to the scenarios below. 

2. Scenario 1

If you have edited your theme source before, you will have to reset the following files after the patch in order to add this feature to your storefront. Go to Admin Panel > Channels > Online Store > Edit Source > Reset the following files > Save.

snippets/product-grid-item.liquid
assets/theme.js
assets/theme.scss

3. Scenario 2

If you have NOT edited your theme source before, you can go to Admin Panel > Channels > Online Store > Edit Source > Reset the "assets/theme.scss " > Save. 

📌 Note: Resetting the files above will also reset and overwrite what you have edited manually before

Updated on: 17/10/2023