GENERAL

1. Section Background Color :

You can use this metafield to change the full product page background color or specific section background color directly from the admin without editing code.

Steps to Create a “Section Background Color” Metafield in Shopify

  1. Go to your Shopify Admin.

  2. Click on Settings → Metafields → Products.

  3. Click the Add Definition button.

  4. In the Name field, type Section Background Color.

  5. The Namespace and key will automatically generate (example: custom.section_background_color).

  6. Under Content type, select Color.

  7. Click Save.

Steps to Select Product Background Color

  1. Go to your Shopify Admin.

  2. Click on Products → All Products.

  3. Open the product for which you want to set a background color.

  4. Scroll down to the Metafields section (usually at the bottom of the product page).

  5. Find the metafield named Section Background Color.

  6. Click the color picker or input a hex code to select your preferred background color.

  7. Click Save at the top right.

2. Product Background Color :

product backgkrund color it is use of product card collection backgrund color and this is the use of metafields.

How It Works

  1. Go to your Shopify Admin → Products → All Products.

  2. Open the product you want to customize.

  3. Scroll down to the Metafields section.

  4. Find the metafield Product Background Color.

  5. Click the color picker or enter a hex code for the desired background color.

  6. Click Save.

Last updated