ATTENTION : This module is distributed by subscription. By subscribing you get access to all make shop modules.
Please note: modules will only work with an active subscription!
Using an SVG logo on a website ensures sharpness and minimal file size. This is especially important for mobile devices, where every additional byte increases page load time and worsens the user experience. Additionally, using SVG logos allows you to provide different versions for various screen resolutions, further enhancing the visual experience for users.
The module solves the lack of SVG logo support in CS-Cart and helps improve both site quality and loading speed.
With this module, your logo will always be sharp and lightweight.
The module also supports setting a website icon for the smartphone home screen when the site is saved. This way, when a user adds the site to their home screen, they will see a clean, custom icon and name that you’ve prepared.
Module Features:
- Set different logo versions for mobile, tablet, and desktop (planned)
- Use SVG or standard image formats
- Embed an SVG logo via code to reduce file size
- Add website icons for display on smartphone home screens
Using an SVG logo on a website ensures sharpness and minimal file size. This is especially important for mobile devices, where every extra byte increases page load time and negatively affects the user experience. Furthermore, SVG logos allow for different versions based on screen resolution, improving the overall visual presentation.
- Store Builder
- Store Builder Ultimate
- Multi-Vendor
- Multi-Vendor Plus
- Multi-Vendor Ultimate
- Owners
- English
- Русский
- 4.18.X
- 4.17.X
- 4.16.X
- 4.15.X
- 4.14.X
- 4.13.X
- 4.12.X
The logo can be substituted through layouts. To do this you need to go to Design - Layouts - Layouts
Next you need to select the necessary block Logo. here you should choose the MS template: Store Logo in SVG.
Next, in the settings you need to insert the SVG code
If you want to get the SVG code, just open the vector file with any text editor (Point 1) and copy the code (Point 2).
It's ready!
Setting a Website Icon on a Smartphone Home Screen
You can now set a custom icon that will appear on a smartphone home screen when a user saves your website as a shortcut.
Icons can be prepared manually or generated using the online service: https://realfavicongenerator.net
Go to the module settings, under the "Settings" tab.
In the "Website Name" field, enter the name that will appear below the icon on the home screen.
Below that, upload the icon archive you received in the previous step.
Now, when a user saves your website to their smartphone's home screen via the browser, the specified icon and name will be used instead of a generic screenshot.
Using an SVG logo on a website allows for sharpness and minimal weight. This is especially important for mobile devices, where every additional byte increases page load time and worsens the user experience. Additionally, using SVG logos allows for different versions to be set for different screen resolutions, which also improves the visual experience for users.
The add-on solves the problem of lack of support for SVG logos in CS-Cart and allows for improved website quality and increased loading speed.
Now your logo will always be sharp and have the smallest weight.
Add-on features:
- Set different versions of the logo for mobile resolution, tablets, and PC (planned)
- Use SVG or standard image formats
- Add an SVG logo with code to reduce the image size
Here you can share your opinion and evaluate our work.
Your feedback helps us become better and offer you even better service.