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

Installationtop

0. Installation of Swiper.js integration 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)

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 [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