Hi guys,
How can I change Add to Cart button from Text to Button image? I have impulse theme.
My website is https://annamichielan.com
https://annamichielan.com/products/cosmic-consciousness
Thank you.
Topic summary
A user seeks to replace the text-based “Add to Cart” button with a custom button image on their Shopify store using the Impulse theme.
Two solutions were provided:
-
GemPages Support Team approach:
- Navigate to Online Store → Theme → Edit code
- Open the theme.liquid file
- Insert custom CSS code before the closing
</body>tag - The CSS can be customized to accommodate different button images
- Includes screenshot examples of the implementation
-
Alternative method by Ujjaval:
- Add markup code directly into the product-form.liquid file
- Alternatively, insert CSS into theme.liquid before the closing
</body>tag - Also provides visual examples via screenshots
Both solutions involve editing theme files and adding custom code. The discussion remains open with no confirmation from the original poster about which solution was implemented or whether the issue was resolved.
Hello @annamichielan
It’s GemPages support team and glad to support you today.
- Go to Online Store → Theme → Edit code:
-
Open your theme.liquid theme file.
-
Paste the below code before :
Result:
If you use another image, you can customize the CSS accordingly
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
@annamichielan
Put below code into product-form.liquid file
Or just add below css into theme.liquid file before closing tag
