Syrup Theme Documentation
The purpose of the files in the package
- INSTALL_ADDON_SyrupTheme_vX_XX.zip – add-on installation Syrup Theme
- ath_swiper_vX_XX.zip – package to install the add-on “Swiper.js integration” (installation required)
- extended_category_block_vX_XX.zip – package to install the add-on “Extended Category Block” (installation not required)
- Theme packages for older CS-Cart versions are available on request
Installation – top
0. Installation of Swiper.js integration and Extended Category Block add-ons
Install the add-on as specified in their documentation
- Install the add-on “Swiper.js integration” (installation required)
- Install the add-on “Extended Category Block” (installation not required)
1. Uploading
- Download the add-on
- Go to Admin panel > Add-ons > Manage Add-ons
- Click on [+] to open upload modal window
- Please choose whatever is comfortable for you:
– Local: zip archive is saved on your computer
– Server: zip archive is uploaded on your server
– URL: you have a direct link to the zip archive - After you selected the zip archive corresponding to your current version of CS-Cart please click Upload & install
2. License Activation
- Open add-on settings page Admin panel > Add-ons > Manage Add-ons >
[TH] Syrup Theme Settings - In Activation tab insert License key
- Save the settings and go back to Manage Add-ons page
- In the same line with the name of the add-on, click Active
- Clear cache, choose Administration > Storage > Clear cache
3. Theme Activation
- Go to Admin panel > Design > Themes
- Then you can activate the theme in the Installed theme tab
That’s all, the theme is installed
[!] We strongly do not recommend creating a clone of the theme, as this will lead to the fact that you will have to install updates manually.
Instead, use the change add-on or create a new theme, and specify the Syrup theme as the parent theme.
Change colors – top
- Go to Design > Themes
- Press Visual Editor in front of the currently active layout
- In the new tab, you will see your shop with Theme editor panel
- In CUSTOMIZE selector choose Colors
- After editing save your changes by pressing Save and press [X] to close editor
D) Change styles – top
Style files add-on should not be changed, this can lead to incorrect work of the add-on. If there was a need to redefine or add styles, please use Theme editor for this
- Go to Design > Themes
- Press Visual Editor in front of the currently active layout
- In the new tab, you will see your shop with Theme editor panel
- In CUSTOMIZE selector choose Custom CSS
- In textarea your can add your styles
- After editing save your changes by pressing Save and press [X] to close editor
Theme Update – top
Updates are installed through the Update Center, it is located:
Admin Panel > Administration > Update Center
FAQ (Frequently asked questions) – top
How to make a fake background for photos of goods as in the demo?
Add the style code via the theme editor or your change add-on
.ty-grid-list__image, .ty-product-list__image { background: #000; } .ty-grid-list__image .ty-pict, .ty-product-list__image .ty-pict { opacity: 0.95; width: 100%; }
It is planned in the following releases – вверх
The order of changes is arbitrary
- New color scheme
- Adding the Ultimate Menu add-on
- Up button
- Fixing the header when scrolling
- A block with a selection of payment system icons
- Redesign of the account section
- Redesign of the vendor’s store
- Redesign of the seller list store
- Redesign of the seller block on the detailed product page
- Redesign of the Brands page
- Redesign of the Registration page
- Redesign of page 404
- Redesign of the Blog
…
Send your ideas, layouts and references to [email protected]
Changelog
1.01 (16 Aug 2022) Added support for older versions of CS-Cart 4.12.x-4.13.x Adapted to the Japanese edition of CS-Cart Stylized the "add to wishlist" button for the Swiper.js Integration add-on Fixed a bug with the subscription form in the footer Added the display of subcategories in the filter block if there are no other categories Added a condition in the vendor information block Changes in styles Changes in templates 1.00 (28 Jun 2022) Release