▶️ Update store branding
On this page
1. Access the Store Record
-
In Salesforce, open the App Launcher (top-left corner).
-
Search for and open the StoreConnect Config App.
-
In the menu, go to:
- Stores → Stores List View. (Alternatively, use the StoreConnect Navigation to find)
-
Select the store you want to update.
2. Update the Logo and Default Images
-
Go to the Content Tab → scroll to the Branding section.
-
Here you can configure:
Store Logo:
-
To change it:
- Select a new image from your media library.
Product Placeholder Image:
-
This image is displayed when a product has no photo assigned.
-
To update:
- Upload or select your preferred placeholder image.
Category Placeholder Image:
-
Serves as a default category image if none is assigned.
-
After making changes, click Save.
-
Refresh your site to see the updates reflected immediately.
3. Modify Brand Colors (Primary & Secondary)
-
Go to the Global Content Tab in your store record.
-
Here you can define your store’s Primary and Secondary brand colors.
Colors are set using the HSL (Hue, Saturation, Lightness) model:
-
Hue: Base color, measured in degrees (0–360) on the color wheel.
-
Saturation: Intensity of the color (0% = grayscale).
-
Lightness: Brightness of the color (0% = black, 100% = white).
Primary Color:
-
Example:
Hue: 212→ Blue tone used in footer. -
Adjust by editing:
-
Hue → changes the color type.
-
Saturation → lowers or intensifies the color.
-
Lightness → makes it brighter or darker.
-
Secondary Color:
-
Example: Often used for buttons.
-
You can change saturation and hue to select a different accent tone.
-
Click Edit, make adjustments, then Save.
-
Refresh your site to see your updated brand colors in action.
4. Visual Results
-
Once you refresh your website:
-
Logos will update wherever applicable.
-
Placeholder images will appear in product/category listings that lack their own images.
-
Colors will update in the site’s UI elements (e.g. footers, buttons, banners).
-