1. Home
  2. Knowledge Base
  3. OpenCart
  4. How to work with Parallax module in OpenCart

How to work with Parallax module in OpenCart

Today we want to show you where exactly in the template this technique is used and how to manage Parallax module.

Parallax may appear in multiple places on your website. For example, let us edit banner in the footer section where Parallax effect is used.


  1. Log into your OpenCart admin panel. Go to Design->Banners under System wheel icon.


  2. This banner title is Parallax-2. Press Edit icon on the left.


  3. Under Banner name type the name of your banner.

    You may enable or disable banner by selecting corresponding option from Status drop down.

    Under title field type the title of your banner. In case you have multilanguage option, this title may differ for every language.

    Paste the capture for slides in the Description field. That part may be also different for different languages. We will change Free Shipping text to New text.

    You may also set a link to your banner in the Link field.


  4. To edit the image, click on it and then click on the Edit icon. In case you want to delete image, click on Trash bin icon.


  5. Click Upload icon.


  6. Upload new image from your computer.


  7. Double click on the new image to replace the old one.


  8. Now our new image appears in the admin panel. Click Save button to save the changes. Alternatively, you may click Add button in the footer to add a new banner to the group in the same way.


  9. After all changes were made, refresh front end to see the result. Now our new image and new capture on it appear.


  10. You may also change dimensions of the banner image. To perform this, go to Extensions->Modules.


  11. Scroll the page until you see the module you need. In our case it is Parallax->Parallax-2. Click Edit button.


  12. This is the section where you can change Width and Height of the image in case you need it.

Was this article helpful?

Related Articles