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

Installationtop

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.


Change colorstop

  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 stylestop

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 Updatetop

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 support@themehills.com


Changelog

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						
5% Discount
No prize
Next time
Almost!
10% Discount
15% Discount
No Prize
No luck today
Almost!
50% Discount
No prize
Unlucky
Get your chance to win a price!
Enter your email address and spin the wheel. This is your chance to win amazing discounts!
Our in-house rules:
  • One game per user
  • Cheaters will be disqualified.