Difference between revisions of "X-Cart:Banner System"

From X-Cart 4 Classic
Jump to: navigation, search
m (Page 3)
(Final edit)
Line 1: Line 1:
 
== What is Banner System? ==
 
== What is Banner System? ==
  
[http://mods.x-cart.com/Banner-System.html Banner System] is an X-Cart add-on that allows administrator to place both images and HTML-code banners (including JavaScript) anywhere within X-Cart by using a special interface under the admin area. This module is useful for promoting products, events and offers.
+
[http://mods.x-cart.com/Banner-System.html Banner System] is an X-Cart add-on that allows administrator to place both images and HTML-code banners (including JavaScript) anywhere within X-Cart by using a special interface under the admin area. This module is useful for promoting products, events and special offers.
  
 
== Customer area of the Banner System ==
 
== Customer area of the Banner System ==
  
[http://mods.x-cart.com/Banner-System.html This] is only an example of how the Banner System may look on your site:
+
[http://mods.x-cart.com/Banner-System.html This] is only an example of how the Banner System may look at your online store:
 
[http://mods.x-cart.com/Banner-System.html http://mods.x-cart.com/Banner-System.html]
 
[http://mods.x-cart.com/Banner-System.html http://mods.x-cart.com/Banner-System.html]
  
With the Banner System, you can place banners wherever you want. Banners are usually placed at these 4 locations: top and bottom of the site and the left and right columns of the site. By the way, you can place several banners at one location; for example, 2 banners at the top, 3 at the bottom, 5 on the left side, etc.
+
With the Banner System, you can place banners wherever you want. Banners are usually placed at 4 common locations: top and bottom of the site and the left and right columns of the site. By the way, you can place several banners at one location; for example, 2 banners at the top, 3 at the bottom, 5 on the left side, etc.
  
 
== Admin area of the Banner System ==
 
== Admin area of the Banner System ==
Line 16: Line 16:
 
: [[Image:BannerS1.png]]
 
: [[Image:BannerS1.png]]
  
The 'Banner System' page has 4 sections: Top banners, Bottom banners, Left banners and Right Banners. This number of sections can be reduced from 4 to 3 for 2-column sites.
+
The '<u>Banner System</u>' page has 4 sections: Top banners, Bottom banners, Left banners and Right Banners. The number of sections can be reduced to 3 for 2-column websites.
  
 
=== Page 2 ===
 
=== Page 2 ===
  
Once the banner location is selected, the system brings up the banner management page:
+
Once the banner location is selected, the system brings up this <u>banner management page</u>:
  
 
[[Image:BannerS2.png]]
 
[[Image:BannerS2.png]]
  
It has 2 sections: a list of created banners and a section for adding of a new banner. You can set banner position (the order of the sequence of banners located at the same place) and location (by default: top, left, bottom, right).
+
It has 2 sections: a list of created banners and a section for adding of a new banner. You can set banner position (the order of the sequence of banners located at the same place) and '''location''' (by default: top, left, bottom, right).
  
You can also define a banner for a certain list of categories, home and secondary pages (one location for pages like “Contact us”, “Register”, “My account”, etc.). The next options affect the banners size: width and height and banner life period. It means that the banner will be shown in the customer area within the defined period of time: from the value set in the 'start date' to the one set in the 'end date'.
+
You can also define a banner for a certain list of '''categories''', home and secondary pages (one location for pages like “Contact us”, “Register”, “My account”, etc.)
  
Besides, you can define different animation effects. The complete list of available effects can be seen on the [http://www.malsup.com/jquery/cycle/browser.html Effects Browser] page.
+
The next options — '''Banner width''' and '''Banner height''' — affect the banner size.
  
You can as well set the banner life as “Unlimited”; in this case, the start and end dates are not applicable for such a banner.
+
Banner life period means that the banner will be shown in the customer area within the specified period of time: from the value set in the '''Start date''' to the one set in the '''End date''' field.
You can show a banner with navigation. Here is an example of a banner with activated navigation option:
+
 
 +
Besides, you can define different animation '''effects'''. The complete list of available effects can be seen on the [http://www.malsup.com/jquery/cycle/browser.html Effects Browser] page.
 +
 
 +
You can as well set the banner life as '''Unlimited'''; in this case, the start and end dates are not applicable for such a banner.
 +
You can show a banner with '''navigation'''. Here is an example of a banner with activated navigation option:
  
 
[[Image:BannerS3.png]]
 
[[Image:BannerS3.png]]
  
We can change the navigation view for you or just replace it with the “Start” and “Pause” icons.
+
We can change the appearance of the navigation bar for you or replace it with the “Start” and “Pause” icons.
  
 
=== Page 3 ===
 
=== Page 3 ===
  
Banners that have been created have the “fill in the banner” link. Clicking on the link brings you to the 'Banner filling' page:
+
Once a banners is created, it gets a “<u>fill in the banner</u>” link. Clicking on that link brings you to the '<u>Banner filling</u>' page:
  
 
[[Image:BannerS4.png]]
 
[[Image:BannerS4.png]]
  
On this page you can manage the banner content. You can add both image and HTML code to a banner. For that purpose, the 'Fill in the banner section' has 2 tabs: Upload image / Upload HTML code.
+
On this page, you can manage banner content. Both image and HTML code can be added to a banner; simply select the <u>Upload image</u> or <u>Upload HTML code</u> tab respectively in the '<u>Fill in the banner section</u>'.
  
On top of that, module has a number of general settings: General settings -> Banner System. Here you can set the banner rotation delay and default banner size or mark all banners as “Unlimited”.
+
On top of all that, the module has a number of general settings: '''General settings''' -> '''Banner System'''. Here you can set the banner rotation delay and default banner size or mark all banners as “Unlimited”.
  
 
[[Image:BannerS5.png]]
 
[[Image:BannerS5.png]]
  
If you have any questions feel free to ask us.
+
If you have any questions feel free to [http://www.x-cart.com/contact_us.html ask us].

Revision as of 23:44, 19 June 2011

What is Banner System?

Banner System is an X-Cart add-on that allows administrator to place both images and HTML-code banners (including JavaScript) anywhere within X-Cart by using a special interface under the admin area. This module is useful for promoting products, events and special offers.

Customer area of the Banner System

This is only an example of how the Banner System may look at your online store: http://mods.x-cart.com/Banner-System.html

With the Banner System, you can place banners wherever you want. Banners are usually placed at 4 common locations: top and bottom of the site and the left and right columns of the site. By the way, you can place several banners at one location; for example, 2 banners at the top, 3 at the bottom, 5 on the left side, etc.

Admin area of the Banner System

Page 1

BannerS1.png

The 'Banner System' page has 4 sections: Top banners, Bottom banners, Left banners and Right Banners. The number of sections can be reduced to 3 for 2-column websites.

Page 2

Once the banner location is selected, the system brings up this banner management page:

BannerS2.png

It has 2 sections: a list of created banners and a section for adding of a new banner. You can set banner position (the order of the sequence of banners located at the same place) and location (by default: top, left, bottom, right).

You can also define a banner for a certain list of categories, home and secondary pages (one location for pages like “Contact us”, “Register”, “My account”, etc.)

The next options — Banner width and Banner height — affect the banner size.

Banner life period means that the banner will be shown in the customer area within the specified period of time: from the value set in the Start date to the one set in the End date field.

Besides, you can define different animation effects. The complete list of available effects can be seen on the Effects Browser page.

You can as well set the banner life as Unlimited; in this case, the start and end dates are not applicable for such a banner. You can show a banner with navigation. Here is an example of a banner with activated navigation option:

BannerS3.png

We can change the appearance of the navigation bar for you or replace it with the “Start” and “Pause” icons.

Page 3

Once a banners is created, it gets a “fill in the banner” link. Clicking on that link brings you to the 'Banner filling' page:

BannerS4.png

On this page, you can manage banner content. Both image and HTML code can be added to a banner; simply select the Upload image or Upload HTML code tab respectively in the 'Fill in the banner section'.

On top of all that, the module has a number of general settings: General settings -> Banner System. Here you can set the banner rotation delay and default banner size or mark all banners as “Unlimited”.

BannerS5.png

If you have any questions feel free to ask us.