Emerald Theme Documentation

A) Installationtop

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 to 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] Emerald Theme Settings
  2. In Activation tab insert License key
  3. Save the settings and go back to Manage Add-ons page
  4. In 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. Click on tab Browse all available themes
  3. Hover “Emerald theme” and press Install button
  4. Then you can activate the theme in the Installed theme tab

That’s all, the theme is installed

The demonstration banners will be installed automatically


It is possible to use SVG logo in this theme

  1. Optimize SVG file, you can use online service SVGOMG!
  2. Open the file in a text editor and copy the text
  3. Go to Admin panel > Design > Layouts
  4. Deactivate block Logo
  5. Activate block Logo SVG
  6. Press [gear] and select Content tab
  7. Insert the text of your file between the lines
    <a href="{""|fn_url}" title="{$logos.theme.image.alt}">
       svg code
    </a>

SVG is a vector format, so scaling the image quality doesn’t deteriorate. Also when you add the SVG as described above, there is no additional request to the server.

To replace the logo on the image

  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 Logos
  5. After editing save your changes by pressing Save and press [X] to close editor

C) 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

E) Full-width sectiontop

You can easily make the section to full width

In grid settings added User-defined CSS class for section and Full width

For their appearance it is necessary to fulfill two conditions

  1. The grid has no parent
  2. Width – 16

Theme already has classes that specify background

  • .content_bg_section – Special background
  • .accent_bg_section – Main accent color


F) Category catalogtop

The number of columns on category page is set in the module settings


G) Blogtop

In the theme there is stylized add-on Blog by SIMTECH company included in the default CS-Cart

The number of columns on the blog page is set in the add-on settings


K) Theme Update top

To update the theme, follow these steps
  • make a full backup of the store
  • close the store
  • install the theme add-on over the old version without removing the previous one
  • clear the cache
  • if necessary, make changes that can be erased during the upgrade if you changed the theme files directly
  • check that everything is successfully updated
  • open the store

To update language variables and add-on settings:

  • Go to developer mode
  • For this file local_conf.php add define(‘DEVELOPMENT’, true);
    If you do not have a file, create one.
  • Clear the cache
  • On the add-ons page in the drop – down list next to the add-on “[TH] Emerald Theme Settings” select “Update”
  • Return to normal store mode

For stores using color schemes created before the version 3.0

Updating the color scheme:
  • On the themes page, switch to the color scheme “Emerald”
  • Run the “Theme Editor””
  • Select your color scheme and save it.
  • The new color variables will be set to white. Replace them if necessary.
A subscription is required to access to product latest version and for technical support.
You can update alone or contact with us via support@themehills.com


Changelog

3.0 (26 Jan 2019)
added style for Provider page (MV)
fixes for older versions of Safari
removed design/backend/templates/addons/ath_emerald_theme_settings/overrides/views/static_data / update.tpl
4 new color schemes
updated layouts for multivendor
fixes for rtl
style fixes

2.1 (06 Oct 2018)
fixed bread crumbs
added new display of filters without ajax
fixed buy buttons in one click and buy
changed extended menu
message if the theme module is disabled
changed priority
now the theme is not only in var, but also in desing

2.0 (13 Aug 2018)
added Multivendor support

1.7 (14 Mar 2018)
updated license to support Ultimate

1.5 (02 Dec 2017)
fixed a bug with my account

1.4 (31 Octb 2017)
mega menu support
Thin Theme support