Parallax effect in homepage products pro module

Hi, I just wanted to ask you about your product: "Prestashop Homepage Products Pro". Excuse the question a bit 'strange ... but it would be possible to add a parallax effect under one or more blocks created with this tool? Ideally, each block would have its background image with the parallax effect. If this is not possible, can define the background color of each block? Thanks and sorry again for the question a bit 'special! Best regards


Expert Answer

Hello
i confirm that it is possible but it requires a custom css styles.

Each instance "homepage products" that you can create in the module has own ID
for exmaple #hppContainer9, #hppContainer21 etc. (id number is unique for each instance of products you create in the module,

if you want to create such parallax efect you will need to add css styles to your global.css file (themes/your-theme/css/global.css)
#hppContainer97 {
  background-image: url(http://pub.pcmajster.pl/tapety/wallpaper-1453653.jpg);  height: 500px;  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover;}

the effect will be like i show on the video:
https://drive.google.com/uc?id=1c2QStZMcEI1AP3YKGI16o9QcMYAbqq83

each block can have own parallax image, so each instance with products can have different parallax effect.
Share on Google Plus

About VEKIA

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a comment