Store Branding¶
Once your store is created, you can customize its branding by:
- Replacing the default Virto Commerce logo and favicon with your own.
- Updating the native theme colors to reflect your corporate brand.
Prepare logos and favicon¶
For test purposes, you can use any PNG, GIF, or SVG image (for logo) or PNG, JPEG, or WEBP image (for favicon).
For finalized branding, you can prepare logo and favicon images according to the requirements in our figma project or use it as a sample as follows:
- Clone the project.
- Replace logos and favicon with your own images.
- Use the preview feature to evaluate the result.
- Export the final version of your images.
Now, you can use the images to replace default logos and favicon.
Enable white labeling¶
To enable white labeling:
- Click Stores in the main menu.
- In the next blade, select the desired store.
- In the next blade, click on the White labeling widget.
- In the next blade, turn the white labeling option to on.
White labeling has been enabled.
Customize logo and favicon¶
To replace default logos and favicons with your own images:
- In the White Labeling blade, click on the Logo widget to upload your company's logo.
- Click on the Favicon widget to upload your favicon.
- Click Save in the toolbar, then click Save in the previous blade.
Your changes have been applied.
Add presets¶
Below is the breakdown of the main colors in the color scheme:
To configure a custom color scheme:
- Go to Content → Your store → Theme → default → config → presets.
- Click Add in the toolbar to create a new color scheme.
- In the next blade, enter your color scheme name.
-
Paste your custom color scheme.
Note
-
Click Create to add the color scheme to the list.
- Copy the filename of your color scheme without extension.
- Go to Stores → Your store → White labeling.
- In the White labeling blade, click
next to the Theme preset name.
- In the next blade, click Add in the toolbar.
- Paste the filename to the new field and click
to save the changes.
- Click Save in the toolbar.
- In the previous blade, select the newly added theme from the dropdown list.
- Click Save in the toolbar.
Your new color scheme has been applied.
Your store's branding changes have been applied: