Syrup Theme Documentation

The purpose of the files in the package

• INSTALL_ADDON_SyrupTheme_vX_XX.zip – add-on installation Syrup Theme
• Theme packages for older CS-Cart versions are available on request

Installation – top

0. Installation of Swiper.js integration, Mega Wishlist and Extended Category Block add-ons

Install the add-on as specified in their documentation

1. Install the add-on “Swiper.js integration” (installation required)
2. Install the add-on “Extended Category Block” (installation not required)
3. Install the add-on “Mega Wish List” (installation not required)

1. Uploading

1. Download the add-on
2. Go to Admin panel > Add-ons > Manage Add-ons
3. Click on [+] to open upload modal window
4. 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
5. After you selected the zip archive corresponding to your current version of CS-Cart please click Upload & install

2. License Activation

1. Open add-on settings page Admin panel > Add-ons > Manage Add-ons >
   [TH] Syrup Theme Settings
2. In Activation tab insert License key
3. Save the settings and go back to Manage Add-ons page
4. In the same line with the name of the add-on, click Active
5. Clear cache, choose Administration > Storage > Clear cache

3. Theme Activation

1. Go to Admin panel > Design > Themes
2. 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.

Video Instructions – top

Update 2.06: New Product Page

Change colors – top

1. Go to Design > Themes
2. Press Visual Editor in front of the currently active layout
3. In the new tab, you will see your shop with Theme editor panel
4. In CUSTOMIZE selector choose Colors
5. 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

1. Go to Design > Themes
2. Press Visual Editor in front of the currently active layout
3. In the new tab, you will see your shop with Theme editor panel
4. In CUSTOMIZE selector choose Custom CSS
5. In textarea your can add your styles
6. 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%;
}

Changelog

2.06 (28 Dec 2024)
- New product page template
- Native lazy load for main images
- Fixed phone field dropdown bug
- Style and template improvements

2.05 (05 Sep 2024)
- fixes in templates and styles
- added support for third-party add-ons
- bug fixes

2.04 (11 Mar 2024)
added support for the Mega Wishlist add-on and included it in the package*
fixes in styles and templates
changed and corrected the appearance of the quantity selection for the green color scheme on touch devices

* if the Mega Wishlist add-on does not appear in your personal account, then write to us by email - we will fix it

2.03 (10 Jan 2024)
Added setting for product image gallery in views: grid and carousel 
Styles fixes 
Improved support for Swiper.js add-on

2.02 (14 Nov 2023)
Improvements in templates and styles
Added support for third-party add-ons (the add-ons themselves are not included in the price of the theme)
- Simtech Development: YouTube Video Gallery
- Simtech Development: Sales & Social Proof
- Webkul: Auction

2.01 (15 Aug 2023)
Added quantity selection in product grid 
Bug fixes (drop-down lists on mobile devices)

2.00 (31 Jul 2023)
New color scheme
New blocks
New layout

1.02 (22 Jul 2023)
Fixed CSS bugs
Fonts are hosted locally

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