Shopify themes, liquid, logos, and UX
Hi!
I would like to have a different product card colour for different pages of the website - I am using different layouts on different pages and it looks weird for one of the layouts to have the product card that colour.
I am using the Studio theme.
Yes, there is an option to select the theme colour manually on each of these pages (Home page, Product page), but every time I change the theme colour manually, it automatically changes it across all pages! I would like a different product card colour on the products when they are displayed on the Home page vs when they are displayed on the Product page.
Please let me know if there is a way to do this or if I can alter the code for my Product page only (and where to find this).
Thanks so much for your help, really appreciate it!
@Nightwatch025 - using custom css it can be done, it will need multiple css properties and those are needed to set separately for separate pages.
May need little liquid code editing too , may be to add required id/classes.
Please follow these steps:
- This will contain the code files for the pages. You can customize the CSS for each file inside this.
- For example, if you want to customize the colors in the collection, you can search for the keyword 'collection'. The files related to the collection will be displayed. You can go into the corresponding files to customize the CSS for each page.
- Similarly, for the product file, if you want to make changes only in the product file, it will be in the main-product.liquid file.
- Good luck! If you find this answer helpful, please press 'Like' and mark it as 'Solution'. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025