Store Closed Page Documentation

A) Installation – top

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 please click Upload & install

Activation

1. Open add-on settings page Admin panel > Add-ons > Manage Add-ons >
   [TH] Store Closed Add-on
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

Make sure that the add-on status is Active

That’s all, the add-on is installed

B) How to close the store – top

1. In order to close the store: Go to Admin panel > Settings > General
2. Close storefront
3. Press Save to save changes

C) Settings – top

To change add-on settings: Go to Admin panel > Add-ons > Manage Add-ons
Press [gear] and choose Global Settings

General

1. Font color – The color of the text on the page
2. Logo – Upload your store logo or any other image
3. Title – Main title
4. Message – A text message to your customers
5. Background color – Page background color
6. Background image – Load background image

Links to social media

1. facebook – link to facebook
2. twitter – link to twitter
3. instagram – link to instagram
4. youtube – link to youtube
5. vkontakte – link to vkontakte
6. google+ – link to google+
7. pinterest – link to pinterest

SEO settings

1. Title – Title tag
2. Description – Meta descriptions tag
3. Keywords – Meta keywords tag

Additional settings

1. Display option:
   • classic view – when the content on the page and the background image takes all the available space
   • card view – when the content on the page in the block similar to the card, and the background image takes all the available space
   • content left view – when the content of the page on the left and the background image occupies half of the screen to the right
   • content right view – when the content of the page on the right, and the background image occupies half of the screen to the left
2. Custom CSS – field to enter additional CSS (for advanced users)Example:

   .sc_main-info,
   .sc_title-area {
   font-weight: bold;
   text-transform: uppercase;
   }

* all settings are optional

D) JavaScript – top

After installing the add-on javascript files are located in js/addons/ath_store_closed/

• jquery.minicolors.min.js – jQuery MiniColors: A tiny color picker built on jQuery (read more here)
• scripts.js – initialization jQuery MiniColors

E) CSS Structure – top

After installing the add-on style files are located in store_closed_assets/css/

• bootstrap.min.css – modified build Bootstrap framework (read more here)
• styles.css – page styles

F) Templates – top

After installing the add-on templates are located in app/addons/ath_store_closed/templates/

• index.php – displays the page
• main_info.php – displays the content of the page

G) Other files – top

App folder

In this folder are located add-on settings and the basic logic

app/addons/ath_store_closed/addon.xml – main file for all add-ons. Here are the parameters and settings of the add-on. File Format Scheme 3.0 CS-Cart

app/addons/ath_store_closed/func.php – contain the actual function

app/addons/ath_store_closed/controllers/backend/addons.pre.php – the controller connects advanced settings of the addon

app/addons/ath_store_closed/controllers/frontend/init.pre.php – the controller carries out the substitution of the page “store closed”

design/backend/css/addons/ath_store_closed/ – contains css files of the addon for the admin panel

design/backend/media/addons/ath_store_closed/ – contains media files of the addon for the admin panel

design/backend/media/addons/ath_store_closed/ – contains templates of the addon for the admin panel

Language files

Language packs are located at var/langs. The values are taken from there when you install the add-on
To add new values or change the current: Go to Admin panel > Administration > Languages > Translations

H) Sources and Credits – top

I’ve used the following images, icons or other files as listed.

• jQuery MiniColors by Cory LaViska
• Image from unsplash.com
• Image “worker” from freedesignfile.com

Changelog

1.4 (13 Sep 2019)
Fix bugs with skey

1.3 (05 Jun 2019)
Added support for 4.10.1

1.2 (16 Mar 2018)
Correction in styles