linkLazy loading images

Add-on is compatible with the following Themes:

• YoupiTheme (compatible with correspond CS-Cart version);
• UniTheme2 (compatible with correspond CS-Cart version);
• Responsive.

General technical support conditions are available at this link (be sure to review these conditions, all solutions from the AlexBranding development team come with limited technical support).

In order to use our technical support, you need to:

1. Log in with your order owner account on https://cs-cart.alexbranding.com;
2. Go to the page My Account → Orders;
3. Find the corresponding order with the problem add-on in the orders list and pass to its details;
4. Find the “Support” link next to the corresponding add-on name (near you can find Documentation link also) and click on it;
5. Fill in the data with the problem, provide access to your CS-Cart installation (path to the administration panel, admin mail, admin password + FTP access) and create a ticket (after you will create the ticket, you will receive an e-mail and a special code to track the ticket in the future);
6. Wait for the specialist answer in accordance with the regulations of the technical support service and the priority of your ticket.

If you didn't receive an answer within the deadlines, according to the chosen ticket priority, send e-mail info@alexbranding.com with the ticket number, for which you did not receive an answer in time, and the team manager will solve the problem in compliance with regulations.

You can test the addon work with admin access using our demo server Demos for CS-Cart solutions from Alexbranding by choosing it in Addons list or just follow the link.

We recommend to note general restrictions:

1. All solutions from AlexBranding developers team require pre-installation of the AB: Addons Manager service addon. It is delivered free of charge and is responsible for such services: installation, upgrades, license verifications. Excluding this service addon usage is not possible;
2. Addon files may have a closed (encoded) part, in which only a license check is located;
3. The addon will work only on those domains, that are specified in the user's license. If you try to use the solution on CS-Cart installations, whose domains are not included in the license, the addon will be automatically turned off;
4. Local installation is not possible, so that the addon works on the additional domain (subdomain), enter this domain (subdomain) in the Domain field, when ordering (or write to info@alexbranding.com) - adding technical domains for the developing or for testing is always free.

After your order has been processed by our manager, it will be transferred to Completed state, you will receive an email to your mailbox with ordered add-ons license numbers (usually it takes from 15 minutes to 8 hours depending on the day time and week day).

Then follow the steps below, which differs depending on your version of the CS-Cart platform:

You can also install the add-on with a standard installation for CS-Cart. To do this, download the appropriate archive with an add-on version compatible with your version of the CS-Cart platform.
Go to the website cs-cart.alexbranding.com, log in under the account of the order holder and go to the page My Profile → Orders → Relevant Order, go to details and you will see a list of available archives for the ordered add-on. Download the version (archive) you need and make the installation (standard for CS-Cart installation: Add-ons → Downloaded add-ons and in the gearwheel menu select Manual installation).

For access to the add-on settings you should go to the page Administration panel → Add-ons → Manage add-ons and at the add-on name in the gearwheel menu select appropriate menu item.

Add-on setting allows to make delayed loading of images when a user stays on the same place for a long period of time. For example, setting Load images left/right of screen allows to make delayed loading of images in mini-icons in a gallery view on the category page. Thus, when listing mini-icons of gallery, user won’t notice any loading at next images. The more value you set in the setting, the more number of images you will get with delayed loading in the gallery.

Setting Load images higher/lower of a screen works analogically. You set limit of delayed loading while user stays on the same place of a page. The more value is set in the setting, the more number of images will have delayed loading in the gallery.

Pay attention that logo doesn’t have a delayed loading.

In order to get functionality of AB: Lazy loading images add-on in themes UniTheme2 and YoupiTheme, you should, on a mandatory basis, activate theme setting Use lazy load of images, which is located on the page Administration panel → [Theme] → General theme settings → "General" tab".

In order to use delayed image loading in your own content (or custom dev add-ons at themes from Alexbranding) use the following construction as example:

For UniTheme2

<p><img class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="path_to_image">
</p>

For YoupiTheme

<p><img class="lazyload" src="{$smarty.const.ABT__UT2_LAZY_IMAGE}" data-src="path_to_image">
</p>