Storefront
The Storefront module in Zoho Commerce allows you to customise your online store’s existing theme, add a store logo, provide contact information, and many configure more settings related to your online store.
Note: You have to save and publish the changes for them to be reflected on your online store.
Customize Theme
You can customize your online store’s existing theme as per your requirements. The customisation can range from editing each element in a single page to selecting colours that are brand-compliant and so much more.
To do so:
- Click Storefront on the left sidebar.
- Click Customize or click the dropdown and click Visual Editor based on your requirement and make the necessary changes.
Customization allows you to edit existing elements manually or add new elements to every page. Visual Editor allows you to modify aspects like icons, layouts, and more. You can also preview all your changes before saving them. For the changes to reflect on your online store, click Save if you’re using the Visual Editor and Publish if you’re using Customization.
Store Details
You can upload Store Logo, Favicon, and Social Preview Image in this section of the module.
Fields | Description |
---|---|
Store Logo | Enter your store’s logo to be shown on your online store, next to your store’s name. You can choose to hide the logo by disabling the Show in Store option. The logo should not exceed 500 pixels in dimensions. |
Favicon | Favicon is a shrunken logo of your store shown in the address bar of the browser. You can upload favicon with the file formats PNG, ICO, and JPG of square dimensions, not exceeding 512512 pixels in dimensions (widthheight). |
Social Preview Image | Enter a social preview image of your online store. The image will be shown when someone shares your store’s URL externally. We recommend an image ratio of 16:9. |
Store Name | You can enter your store name here and display it on your online store by enabling the Show in Store option. |
Tagline | Enter a tagline for your online store. Enable the Show in Store option to display this under your store’s name. |
After you have made all the changes, click Save.
Contact Information
You can enter an email address and a phone number to display it on your online store. This may include the store owner, customer support team, or any other contact of your choice.
Enable the Show in Store option to display this in your online store. After you have made all changes, click Save. You can edit the contact information anytime.
Social Profiles
You can link multiple social media handles on your online store. Customers and visitors can then be redirected to the respective social media handle every time they click the social media icon. Here’s how you can add social profiles:
- Click Storefront on the left sidebar.
- Navigate to Social Profiles and click + Add Social Profile.
- Select one or more platforms and enter the URLs.
- Enable Show in Store if you want the social profiles to be displayed in your online store.
- Click Save.
More Actions
Theme Library
The theme library lists all the storefront themes that cater to industries like fashion, beauty, toys, furniture, and many more. You can change your store’s existing theme anytime by trying out any theme from the theme library.
Here’s how you can access the theme library:
- Click Storefront on the left sidebar.
- Click More (three horizontal dots) next to Visit Store.
- Click Theme Library.
You can click Live Demo to view the theme and Install to start using it as your online store’s theme.
Publish Store
You can use this to publish your store for the first time, or publish the changes you make in your organisation. Here’s how you can publish your changes:
- Click Storefront on the left sidebar.
- Click More (three horizontal dots) next to Visit Store.
- Select Publish Store and in the pop-up that follows, click Publish.
The changes will be reflected in your online store.
Unpublish
You can unpublish your online store temporarily if you wish to. Here’s how:
- Click Storefront on the left sidebar.
- Click More (three horizontal dots) next to Visit Store.
- Select Unpublish Store and in the pop-up that follows, click Unpublish.
Unpublished stores will not be accessible to anyone until you publish again.
Enable Debug Access
You can enable debug access to allow the technical team from Zoho Commerce to debug the issues related to your online store. To do so:
- Click Storefront on the left sidebar.
- Click More (three horizontal dots) next to Visit Store.
- Select Enable Debug Access and click Enable.
Zoho Commerce’s internal team will have access to debug your online store. You can revoke the access anytime by following the same steps and clicking Revoke Debug Access.
Download Theme
You can download and access your online store’s current theme as a zip file. Once downloaded, you can use it to add your own customisations and upload it to Zoho Commerce to start using your personalised theme.
Here’s how you can download a theme:
- Click Storefront on the left sidebar.
- Click More (three horizontal dots) next to Visit Store.
- Select Download Theme and click Create Zip and then Download Zip.
To view the downloaded zip file, you will have to enter a password that will be generated in your Zoho Commerce organisation, and you can access it from the Download Theme pop-up.
Edit Code
Note: You should access this feature only if you have the knowledge of HTML/JSS. Alternatively, you can consult a web developer to help you customise your storefront theme as per your requirement.
Here’s how you can edit your storefront to add a more personalised touch:
-
Click Storefront on the left sidebar.
-
Click More (three horizontal dots) next to Visit Store.
-
Select Edit Code and enter a theme name.
You can customise your online store as per your requirements. Once done, publish your changes for it to be reflected on your storefront.
Delete Store
Note: You have to downgrade your subscription plan before deleting your store.
- Click Storefront on the left sidebar.
- Click More (three horizontal dots) next to Visit Store.
- Select Delete Store and click Delete in the pop-up that follows**.**
Your storefront will be deleted permanently.
Storefront Settings
You can enable features, set preferences, and so much more under Storefront Settings.