Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 9, 2021 at 6:03 pm #1279172
    Bernd

    Hi,

    We use Enfold with the AWP Classifieds plugin for a marketplace. In the detail view of the marketplace, we have the problem that a double lightbox is displayed when you click on an image. We tried to exclude the classes from this plugin with a modificatin in js/avia-snippet-lightbox.js (of course with a child theme):

    Line 211 original
    exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]'

    Our modification
    exclude : '.entry-content-wrapper, .awpcp-attachments-list-item, .awpcp-attachments-list-item a, .noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, a[href*="dropbox.com"]'

    Unfortunately without success. Any suggestions?

    Regards,
    Bernd

    • This topic was modified 3 years, 10 months ago by Bernd.
    February 10, 2021 at 4:39 pm #1279538
    Victoria

    Hey Bernd,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    February 10, 2021 at 6:04 pm #1279567
    Bernd

    Hi Victoria,

    I created a temporary login for you.

    I also just made a backup from the whole website. Please be aware, that this website is already in use by our client. So please don’t delete any content or media.

    Regards,
    Bernd

    February 15, 2021 at 12:35 am #1280445
    Mike

    Hi,
    Sorry for the very late reply and thanks for the login. So on your page, the image on the right has 3 lightboxs on click, the one built into Enfold, mfp, and then there are two more but I’m not sure which plugins they belong to,
    TB_window
    lg-outer
    So to disable mfp you could disable Enfold Theme Options > Lightbox Modal Window or you could try css like:

    div[class*="mfp"] {
	display: none !important;
}

    or to hide two of them, try this css:

    div[class*="mfp"],
div[id*="TB_"]{
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

    but if you are using two other plugins with lightboxes, you may run into other issues.

    Best regards,
    Mike

    February 15, 2021 at 3:15 pm #1280559
    Bernd

    Hi,

    Thanks! It works :-)

    I used the css-solution and the additional class body.awpcp_listing-template-default, so the css-code concerns only this plugin.

    Regards,
    Bernd

    February 16, 2021 at 1:35 am #1280675
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Double lightbox with AWP Classifieds Plugin’ is closed to new replies.