How to add aos animation in oscommerce 4

[vinothkumar]

How to add aos animation in oscommerce 4 all blocks. please help me.

[Ivan Holbi]

On 3/22/2023 at 12:12 PM, vinothkumar said:

How to add aos animation in oscommerce 4 all blocks. please help me.

Hi Vinoth,

There is no such a functionality at the moment but you can do it by the following ways:

1. By adding html widgets to the page and set up the static html there where the required library will be used. You can switch the library files there as well.

 

The folder for the css library files is themes/your-theme-name/css

The folder for the js library files is themes/your-theme-name/js

 

2. By editing the theme files.

 

Please copy the tpl files from lib/frontend/themes/basic to lib/frontend/themes/your-theme-name and edit them there.

For example, please copy the logo file lib/frontend/themes/basic/boxes/logo.tpl to lib/frontend/themes/your-theme-name/boxes/logo.tpl 

and please fill in the corresponding attributes in the covering div <div class="logo">, for example <div class="logo" data-aos="fade-up">

 

You can switch the library files in the lib/frontend/themes/your-theme-name/layouts/main.tpl by copying it from lib/frontend/themes/basic/layouts/main.tpl

 

3. It will not work with this library, but if it is enough to fill in the classes in div for switching the library it can be done while editing the theme. Click on the pencil icon to edit the widget, choose the tab Widget Style and add the class. Please see the screenshot below. The library can be switched in the html widget.

 

Best regards,

 

Ivan