Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

How to add aos animation in oscommerce 4

Recommended Posts

  • 2 weeks later...
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,
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...