<![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[How can I change the product page layout?]]>
e.g

1. For style 1 you will need to edit the "product_style1.html"
2. For style 2 you will need to edit the "product_style2.html"
3. For style 3 you will need to edit the "product_style3.html"

The above html files are located in components/com_ixxocart/content/skins/flat/ folder (if the active skin template is the flat).

]]> <![CDATA[How can I extend the product catalog overview characters?]]> You would need to edit the catalog template files to achieve this, since the "overview" text is truncated in the storefront template files.

Locate
{$product.overview|truncate:80}

in the following catalog template files (if present in your version of the cart) in the folder "content/skins/flat/" (assuming you use the default flat skin template):
catalog_carousel.html

catalog_display.html
catalog_displaybox.html
catalog_table1.html
catalog_table2.html
catalog_text.html
catalog_thumb1.html
catalog_thumb2.html
catalog_thumb3.html

and look for the below line: {$product.overview|truncate:80}

the number at the end indicates, after how many characters the overview will be truncated, when exceeding the character limit given. If you want to display more characters just increase that number.
Keep in mind, that updates might overwrite any changes you make in the template files; therefore it would be wise to keep a backup copy of these changed files.
Keep also in mind, that you should delete the content of the "/content/compiled/" folder, otherwise your changes in the template files might not show up.

]]> <![CDATA[How do I add a text page to my website?]]> You can use this section to add and manage the custom page of IXXO Cart.

To add a new custom text page on IXXO Cart, follow the steps:

1. Click Edit Text Pages
2. The Site Text Pages will open

Note: You can also open the Site Text Pages directly by clicking on Edit Text Pages link in the Admin Area Home page.

It is recommended not to delete the four pre-defined text pages (Terms and Conditions, About Us, Contact Information and How to Enable Cookies).

You can also edit and delete the text pages from the Site Text Pages. To know more about editing and deleting a text page, click on each of the links.

3. In the Site Text Pages, click on Add a New Page link

The Site Page (insert) page will open.

Note: You can also change the Appearance Settings of that site page by clicking edit Appearance Settings (Default Images, Layout and Colors) link on top of the Site Page (insert) page.

4. Common Page Information: Enter the following information:

a.      Short Name: Enter a name for the page.

b.      Page Title: Enter a page title for the menu.

c.      Is This Page Visible: Select Yes from the drop down menu if you want this page to be visible to the users. Selecting No will hide the page.

d.      Priority: Rank a page within your website using the priority feature. You can select this on a scale of 1 to 10, where 1 has the highest priority. The higher the number, the higher the page will be listed.

5. Link Locations: Select Yes from the drop down menu for Top or Bottom, wherever you want the link locations and choose No for the other option

6. Page HTML: Enter text in the Page HTML box.

7. You can also create an eye-catching description by clicking Edit HTML Online in Page HTML.

]]> <![CDATA[How do I disable subcategory products from displaying in primary ...]]> Go to

"Content and Layout" => "Appearance Settings" => "Catalog & Product Page Settings";

at the "Catalog Page Views" tab you can set the following option to "No", if you don't won't these items to appear in main categories:

"Display subcat products in primary catagory?"

]]> <![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 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 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[Is it possible to change the Hot Deals image?]]> > Appearence Settings. You can then click on >> Edit Default Site Images. There you will be able to replace al...]]> > Appearence Settings.

You can then click on >> Edit Default Site Images. There you will be able to replace all of the default images in the Shopping Cart application.]]> <![CDATA[Manual URLS - New Products - On Sale - Hot Deals]]>
/index.php?option=com_ixxocart&p=catalog&mode=hot

URL to newest products
/index.php?option=com_ixxocart&p=catalog&mode=new

URL to On Sale products

/index.php?option=com_ixxocart&p=catalog&mode=sale


]]> <![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[Recent Items Module]]> The recent items module shows the products that were recently purchased from the store.

You need to purchase a few products before the module shows the items.



]]>