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).