Difference between revisions of "Draft:X-Cart:X-Showroom"

From X-Cart 4 Classic
Jump to: navigation, search
m
m
Line 51: Line 51:
 
The configuration settings for the X-Showroom module are as follows:
 
The configuration settings for the X-Showroom module are as follows:
 
* '''Max thumbnail width in admin area''' and '''Max thumbnail height in admin area''': These are the maximum pixel dimensions of a banner image thumbnail as displayed in the general list of uploaded banner images on the '''Showroom''' page ('''Content''' ->'''Showroom''') in your store's Admin area:<br />[[File:max_thumbnail_dimensions.png|700px|border]]<br />The default value for both these settings is 300 px.<br /><br />
 
* '''Max thumbnail width in admin area''' and '''Max thumbnail height in admin area''': These are the maximum pixel dimensions of a banner image thumbnail as displayed in the general list of uploaded banner images on the '''Showroom''' page ('''Content''' ->'''Showroom''') in your store's Admin area:<br />[[File:max_thumbnail_dimensions.png|700px|border]]<br />The default value for both these settings is 300 px.<br /><br />
* '''Max photo width in admin area''' and '''Max photo height in admin area''': These are the maximum pixel dimensions of a banner image displayed on the '''Edit Photo''' page in the Admin area where you tag the banner image with links to specific products:<br />[[File:max_photo_dimensions.png|700px|border]]<br />The default value for both these settings is 820 px.<br /><br />
+
* '''Max photo width in admin area''' and '''Max photo height in admin area''': These are the maximum pixel dimensions of a banner image displayed on the Edit Photo page in the Admin area where you tag the banner image with links to specific products:<br />[[File:max_photo_dimensions.png|700px|border]]<br />The default value for both these settings is 820 px.<br /><br />
  
 
==Creating interactive banners==
 
==Creating interactive banners==
Interactive banners are created using the Showroom section ('''Content -> '''Showroom''').<br />  
+
Creation and management of interactive banners is done in the Showroom section ('''Content''' -> '''Showroom''').<br />  
 
To create a banner, complete the following steps:  
 
To create a banner, complete the following steps:  
# Upload an image to be used in your banner.  
+
# Add an image to be used in your banner:
# Create a link that will point from an area inside your banner to a certain product (Mark the area of the banner image that you want to be clickable, then select the product to which the link should point). Add more links if necessary.
+
## In the Showroom section menu (the area on the right-hand side of the screen titled "In this section"), select "<u>Add Photo</u>".<br />[[File:showroom_add_photo.png|700px|border]]<br /><br />This opens the Add Foto page where you can add an image that will serve as the banner background against which product links will appear:<br />[[File:showroom_add_photo_page.png|700px|border]]<br /><br />
 +
## Click the '''Upload''' button at the bottom of the page:<br />[[File:showroom_photo_upload_button.png|700px|border]]<br /><br />
 +
# Create a link that will point from an area inside your banner to a certain product in your store (Mark the area of the banner image that you want to be clickable, then select the product to which the link should point). Add more links if necessary.
 
# Specify the pages of your store on which the banner should be displayed.
 
# Specify the pages of your store on which the banner should be displayed.
# Make sure the banner is active.
+
# Click '''Update''' to save the changes.
===Adding banner images===
 
In this section you will upload images that will be used as the
 
  
===Tagging banner images with links to products===
+
[[File:interactive_banner_home_page.png|700px|border]]
  
 
==Managing interactive banners==
 
==Managing interactive banners==
Management of interactive banners with the help of X-Cart's module X-Showroom takes place in the Showroom section ('''Content -> '''Showroom''').  
+
The list of previously created interactive banners can be found on the Showroom page ('''Content -> '''Showroom''').
===Managing banner display locations===
 
===Activating/Deactivating banners===
 

Revision as of 15:15, 3 February 2015

Overview

Getting started

  1. Install the X-Showroom module:
  2. Make sure the installed module is active:
  3. Check and adjust the module configuration settings:
  4. Try creating some interactive banners using the Showroom section of your store's back end.
    • Creating interactive banners
  5. View and manage the interactive banners you have added using the Showroom section of your store's back end.
    • Managing interactive banners

Installing the module

Uninstalling the module

Activating the module

If the module X-Showroom is installed, but not active, you can enable (activate) it.

To enable the module:

  1. Go to the Modules section of your store's Admin area (Settings -> Modules).
  2. In the list of your store's installed modules, locate the entry for X-Showroom.
  3. Select the check box on the left of the module name.
    The module will be enabled.

Deactivating the module

It is possible to temporarily disable (deactivate) the installed X-Showroom module. Deactivation stops the module from operation, but it does not remove any settings you made to the module configuration nor clear any data that was generated during the period that the module was in operation. If you wish to completely remove all the data related to using the module, you need to uninstall it. See Uninstalling the module for more info.

To disable the module:

  1. Go to the Modules section of your store's Admin area (Settings -> Modules).
  2. In the list of your store's installed modules, locate the entry for X-Showroom.
  3. Unselect the check box on the left of the module name.
    The module will be disabled.


Configuring the module

After installation and activation, the X-Showroom module runs with the default parameters specified in its configuration settings. If you wish, you can adjust these parameters to better suit your needs; however, it is recommended to avoid using values that are too large or too small as it may negatively affect the usability of the user interface for the store administrator.

To adjust the module configuration:

  1. Go to the Modules section of your store's Admin area (Settings -> Modules).
  2. In the list of your store's installed modules, locate the entry for X-Showroom and click the Configure button next to it. (The Configure button is displayed only when the module is active).
    The X-Showroom module configuration settings page opens:
    Showroom module settings.png

  3. Adjust the module settings as you require. Detailed information regarding the X-Showroom module configuration settings is available below.
  4. Click the Apply changes button to save the changes.

The configuration settings for the X-Showroom module are as follows:

  • Max thumbnail width in admin area and Max thumbnail height in admin area: These are the maximum pixel dimensions of a banner image thumbnail as displayed in the general list of uploaded banner images on the Showroom page (Content ->Showroom) in your store's Admin area:
    Max thumbnail dimensions.png
    The default value for both these settings is 300 px.

  • Max photo width in admin area and Max photo height in admin area: These are the maximum pixel dimensions of a banner image displayed on the Edit Photo page in the Admin area where you tag the banner image with links to specific products:
    Max photo dimensions.png
    The default value for both these settings is 820 px.

Creating interactive banners

Creation and management of interactive banners is done in the Showroom section (Content -> Showroom).
To create a banner, complete the following steps:

  1. Add an image to be used in your banner:
    1. In the Showroom section menu (the area on the right-hand side of the screen titled "In this section"), select "Add Photo".
      Showroom add photo.png

      This opens the Add Foto page where you can add an image that will serve as the banner background against which product links will appear:
      Showroom add photo page.png

    2. Click the Upload button at the bottom of the page:
      700px

  2. Create a link that will point from an area inside your banner to a certain product in your store (Mark the area of the banner image that you want to be clickable, then select the product to which the link should point). Add more links if necessary.
  3. Specify the pages of your store on which the banner should be displayed.
  4. Click Update to save the changes.

700px

Managing interactive banners

The list of previously created interactive banners can be found on the Showroom page (Content -> Showroom).