<![CDATA[IXXO eCommerce Solutions]]> <![CDATA[Customize the Cart CSS]]> How to customize the cart css without losing your changes with future updates of the cart.

1. Open the file "main_desktop.css" which holds most of the cart css. The file is located at "content/skins/tempo/styles/bootstrap/main_desktop.css"

2. Copy the css blocks that you want to override and paste it to the "custom_overrides.html" located at "content/skins/tempo/ folder.

The above will ensure that future updates will not overwrite your custom css.

]]> <![CDATA[How do I create a css class?]]> Create the css class you need 

e.g a class for the button hover border: 

.mybutton-hover-red:hover{
border:1px solid red!important;
}

and add this to the custom override file at:

content/skins/tempo/custom_overrides.html


After this just add the

mybutton-hover-red as a class suffix for the buttons where you want to use that hover style:

http://your domain/admin.php?p=design_images&mode=button&pg=3

]]> <![CDATA[Configure the Trending Items Module in Allyos Template]]> In Allyos Template the Trending Items module is the Featured Vendors module that is under the Module Manager.

You can edit the module in the module manager area and set the number of products, number of vendors and which products will be displayed.

]]> <![CDATA[How do I change the appearance of Modules in IXXO Cart for Joomla]]> You can easily modify the skin of any module by editing the skin templates located in your skin folder of the main cart application, without any need to change the actual PHP code of the modules (and without hiring a programmer). All you need is some basic HTML knowledge (and perhaps a basic understanding of SMARTY).

The skin template files for the modules are located in :  components/com_ixxocart/content/skins/flat/boxes/

(assuming you are using the default flat skin template)

For the search module, the associated skin file would be : components/com_ixxocart/content/skins/flat/boxes/box_search.html

where you can easily add or change any html code you want.

Same applies for all modules.


]]> <![CDATA[How do I change the thumbnail background color?]]> First step is to download the file "content\engine\engine_images.php"
 
Then you would edit the file "content\engine\engine_images.php" that you have just downloaded.
 
While editing that file look for the following line of code;

$white = imagecolorallocate($d, 255, 255, 255);

To make the actual change to the color, do so by changing the "RGB value" in the function.

For example:
For color FFCC00 yu would use;

$white = imagecolorallocate($d, 255, 204, 0);

 
Once you are done editing the file you should upload it back to the same place you downloaded it from overwriting the current file.
]]> <![CDATA[How do I change the way my site looksfor cart versions 3.6.0 or h...]]> > Appearance Settings. In this section you will find a numbe...]]>
First log in to the administrator area and go to Cart Settings >> Appearance Settings. In this section you will find a number of different options including the ability to change the site layout, add custom boxes, control the positioning of boxes, change colors, change product page layouts and much more.

If you are looking for more of a custom feel to your site, you will need to use the Cart Settings >> File Manager which gives you the ability to change the HTML on any visible IXXO Cart page. Below is a map to help you understand which files you will need to change to adjust the appearence of your cart. Before making any changes to files in the File Manager area, it is STRONGLY recommened you create a back-up of the file you are changing.]]> <![CDATA[How do I setup Today's Deals Module]]> You can enable products to be displayed in the "Today's Deals" module by adding and end date to the product details.

In product details there is an option to specify the product expire date. If there are products that are expiring today they will be displayed in Today's deals.

 

Todays deal Module

]]> <![CDATA[How is the order of slides determined in the slideshows?]]> The slides priority is determined by the image (slide) names.

For example if you have a slideshow with 6 slides and the names of the slides are the following:


abc.png
dyh12hj.png
3023.png
zslide.png
9slide.png
kslide.png

the order will be as follow:

3023.png
9slide.png
abc.png
dyh12hj.png
kslide.png
zslide.png


]]> <![CDATA[How to create mobile-friendly slideshows]]> How to create mobile-friendly slideshows

Creating mobile-friendly slideshows is very easy with IXXO Cart.

Step 1: Create two different slideshows in the slideshow manager, with the same details/images one for the mobile version and one for the desktop version.
Step 2: Navigate to the Module Manager and find the two slideshows you have created on step 1.
Step 3: Edit the Slideshow of the desktop version and in the Class Suffix enter "d-none d-md-block" for v7 and "hidden-sm-down" for v6 templates and click "Save Changes".
Step 4: Edit the Slideshow of the mobile version and in the Class Suffix enter "d-block d-md-none" for v7 and "hidden-sm-up" for v6 templates and click "Save Changes".

To modify the font for each slideshow, navigate to the Slideshow Manager. Here you can add your own HTML Tags on the following fields:

  • Caption Title
  • Caption Subtitle
  • Button Text
]]> <![CDATA[How to edit footer of the Revo Template]]> The text "Lorem ipsum...." and the contact details, such as the phone number, email etc are located in the language file "en.php" (should start at line 1971)

Folder: content/languages/

The social icons are located in the file "box_social_icons.html" (should start at line 18)

content/skins/revo/desktop/blocks/boxes/

]]> <![CDATA[How to remove grayscale filter from image banners]]> You can remove the grayscale filter in custom_overrides.html.

The full path for the file is httpdocs/content/skins/<skin_name>/custom_overrides.html

.category-banner{ldelim}
    -webkit-filter: none !important;
    filter: none !important;
{rdelim}
.category-banner.with-bg:before{ldelim}
    background-color: transparent !important;
{rdelim}

]]> <![CDATA[Installing a New Design Template Purchased Through IXXO Cart]]> 1) Download the template package and unzip the package locally on your computer.

2) Make a backup of all cart files on the server.

3) Upload files on your server in a folder where the cart is installed. You will be overwriting existing files, make sure you have completed your backup. IXXO Cart installed

4) Login to the admin area of the cart and go to Cart Settings >> Appearance Settings

5) On the left side of the admin area click the link for "Catalog Templates".

6) In Drop-Down, select the new template name, and click Continue button.

7) Choose color scheme (Note: for VistaGreenBlack only Cart-Default scheme is available) and click Continue button.

8) Your template has been successfully loaded to your cart.

]]> <![CDATA[Installing design templates]]>
1) Download the template package and unzip the package locally on your computer.

2) Make a backup of all cart files on the server.

3) Upload files on your server in a folder where the cart is installed. You will be overwriting existing files, make sure you have completed your backup. IXXO Cart installed

4) Login to the admin area of the cart and go to Cart Settings >> Appearance Settings

5) On the left side of the admin area click the link for "Catalog Templates".

6) In Drop-Down, select the new template name, and click Continue button.

7) Choose color scheme (Note: for VistaGreenBlack only Cart-Default scheme is available) and click Continue button.

8) Your template has been successfully loaded to your cart.

]]> <![CDATA[Quick View Button]]> Quickview is by default disabled in the REVO template and doesn't have any special styling set for it.

If you enable it, you may need to change the styling for the "button" used for the quickview function at:

/admin.php?p=design_images&mode=button&pg=5

eg.:
=> btn btn-height-66
will increase the height for the button to 66; the appearance will be like a square button

=> btn btn-height-66 btn-rounded
this will add rounded corners to the square button above

=> btn btn-height-66 btn-round
this will create a round button

Keep in mind that not all combinations will look fine, but as you see you can change the appearance of the buttons a lot with some simple changes.

]]> <![CDATA[Vendors Banner Top Position (Allyos Template)]]> The vendor's banner section, at the top of the "Allyos" template is not developed as a module but is a custom code just for the "Allyos" template to display randomly featured vendors with every browser refresh.

If you uncheck the featured vendor option, in vendor's profile, the particular vendor will not be displayed.

There is no limit on how many vendors will be visible.

]]>