Hi We are using Dawn v9 theme and have a separate product page for one of our product types (roasted-bean-prod). We want to change the background in the Product information section on the product page dynamically. The colour would be based on a metafield for each product called product_background_…

Hi @CoffeeCommune , You can use the code as reference. Place the code on the very top of your main-productl.liquid. NOTE: Change the {{ product.metafield.custom.color.value }} to your metafield.

Site link: https://aizwkk7td2qlbm78-57933693097.shopifypreview.com

To dynamically change the background color in the Product information section on the product page in the Dawn v9 theme based on a metafield called “product_background_color,” you can follow these steps: From your Shopify admin, go to “Online Store” and then click on “Themes.” Locate the Dawn v9 th…

Hi, many thanks for helping. I have added the code to the top of the main-product.liquid file and set metafield colours for a few products (reverance and arnika) but it doesnt work. Any ideas why? [Capture2.PNG] [Capture.png]

Nevermind I got it. needed to use : main#MainContent, main#MainContent > section > * { background: {{ product.metafields.custom.product_background_color }}; }

Hey @made4Uo I have a similar question about a Marquee or Announcement Bar. I am using Baseline theme. I want to change the color of the announcement bar at the top, and subscribe bar at the bottom of the product page dynamically. The color would be based on a metafield for each product called pro…

Wish you well on your way to recovery

No but I can try looking up to hopefully find the right ideal

Hi there! Is there a similar way to do this in the Highlight theme? Tried to input this in this code in the main-product.liquid but am not having any success.

Dynamic background colour for a product based on metafield

Store Design

1425085 October 4, 2023, 6:29am 10

Thank you very much for ideal

Topic		Replies	Views
Dynamic colour background for product from meta field Store Design	2	36	May 22, 2023
Change product background color dynamically to a specified color Store Design customizations	6	116	May 6, 2023
Impulse Theme - Product Page Metafield- Background Color Store Design	11	68	January 5, 2022
Dawn Theme 11: Solid button background color dynamic based on meta object / field Store Design design , customizations , css , shopify-themes , html , product-page	0	44	August 5, 2023
Change product background & product page background in dawn theme Store Design customizations , product-page	11	96	February 17, 2024

Dynamic background colour for a product based on metafield

Related topics