mdb-5 ecommerce gallery

Topic: mdb-5 ecommerce gallery

Johann ESPANET asked 4 years ago

hi,

I try to use mdb-5 ecommerce gallery, it work great when i just copy the code in my project but when i put a picture to me it doesn't work the class active switch good to the thumbnails but not in big one.Can you help me? thx

sorry for my english^^

Grzegorz Bujański staff commented 4 years ago

Unfortunately, I am unable to reproduce this error. Send the code that doesn't work for you, I'll check what's going on.

Add comment

Johann ESPANET answered 4 years ago

0 1 Best answer

<div class="ecommerce-gallery" data-zoom-effect="true">
    <div class="row">
        <div class="col-12 mb-1">
            <div class="lightbox">
                <img src="https://mdbcdn.b-cdn.net/img/img1.jpg" alt="Gallery image 1" class="ecommerce-gallery-main-img active w-100" />
            </div>
        </div>
        <div class="col-3">
            <img src="https://mdbcdn.b-cdn.net/img/img1.jpg" data-mdb-img="https://mdbcdn.b-cdn.net/img/img1.jpg" alt="Gallery image 1" class="active w-100" />
        </div>
        <div class="col-3">
            <img src="https://mdbcdn.b-cdn.net/img/img2.jpg" data-mdb-img="https://mdbcdn.b-cdn.net/img/img2.jpg" alt="Gallery image 2" class="w-100" />
        </div>
        <div class="col-3">
            <img src="https://mdbcdn.b-cdn.net/img/img3.jpg" data-mdb-img="https://mdbcdn.b-cdn.net/img/img3.jpg" alt="Gallery image 3" class="w-100" />
        </div>
        <div class="col-3">
            <img src="https://mdbcdn.b-cdn.net/img/img4.jpg" data-mdb-img="https://mdbcdn.b-cdn.net/img/img4.jpg" alt="Gallery image 4" class="w-100" />
        </div>
    </div>
</div>

Grzegorz Bujański staff commented 4 years ago

The code looks fine. Do you have any errors in your console? I understand that this active class always stays on the same element on the main images?

Johann ESPANET commented 4 years ago

No errors in my console

Johann ESPANET commented 4 years ago

No errors in my console. On load the first picture and his thumbnail are good but if i click on other thumbnail, the thumbnail take active class but not the picture and after nothing works

Grzegorz Bujański staff commented 4 years ago

Please send the project with this error to my e-mail: g.bujanski@mdbootstrap.com. I'll check what's going on.

Add comment

Johann ESPANET answered 4 years ago

0 0 Best answer

i sent you by email my project yesterday.

Add comment

Grzegorz Bujański staff answered 4 years ago

0 0 Best answer

Unfortunately we have no experience with symfony and I was unable to get your project started. But I was able to locate the code from the e-commerce gallery. The first element you add must have the active class. From what I understand, these elements are loaded and none of them has this class.

Try adding code from our documentation without using a for loop and check if everything works fine.

Johann ESPANET commented 4 years ago

I already try and it doesn't work. I try to use a simple html page and just copy the code in documentation and use my picture and doesn't work.

Grzegorz Bujański staff commented 4 years ago

I tried to run your project again. Unfortunately, it looks like migrations are not working. I get an error. Fixing one error (eg creating tables manually) results in a new one. I need access to a project in which I can reproduce this issue. Are you able to prepare such a minimal project in which this error will occur?

Johann ESPANET commented 4 years ago

i send you an other email with a simple project with no for loop or nothing and it doesn't work too.

Add comment

Grzegorz Bujański staff answered 4 years ago

0 0 Best answer

I'm sorry it took so long, but I wanted to check everything carefully.

Looks like local images are the problem. When all pictures are loaded from the link everything works fine. Only adding local images causes an error. We will fix it as soon as possible.

Johann ESPANET commented 4 years ago

How can i know if the bug is fixed ?thanks for your feedbacks.

Grzegorz Bujański staff commented 4 years ago

You can follow our changelog: https://mdbootstrap.com/docs/standard/getting-started/changelog/. We list there all changes and fixes in each new version of MDB.

Add comment

itsme pro premium priority answered 4 years ago