Support » Plugin: ARI Fancy Lightbox - WordPress Popup » custom grouping selectors in divi gallery

  • Resolved oelesen

    (@oelesen)


    Hi,
    I want to use ARI as Lightbox in a divi gallery.
    Unfortunately, I’m not able to figure out the correct css class in divi to use as a group selector. So, images open up in ARI but no navigation is shown.
    Can you help?
    Thanks
    Oelesen

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author arisoft

    (@arisoft)

    Hello,

    Could you provide a link to a page where you want to use the lightbox? It helps us provide correct selector to group elements.

    Thread Starter oelesen

    (@oelesen)

    Hi!
    Sorry for late reply!
    Can not offer link to page, yet, because i is still on a private server.
    While generating a galery with divi galery module, want to open ari lightbox instead of divi lightbox. Works so far (with some add css), but in opened ari lightbox, the navigation doesn’t show up for switchinhg to next image.
    Learned that I have to tell ari, which classes should be adresses (Custom grouping selectors), but can not figure out the correct and necessary classes.

    <div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
    				
    				
    				<div class="et_pb_module et_pb_gallery et_pb_gallery_0  et_pb_text_align_center et_pb_bg_layout_light et_pb_gallery_grid">
    				<div class="et_pb_gallery_items et_post_gallery clearfix" data-per_page="2"><div class="et_pb_gallery_item et_pb_grid_item et_pb_bg_layout_light et_pb_gallery_item_0_0 first_in_row on_last_row" style="display: block;">
    				<div class="et_pb_gallery_image landscape">
    					<a href="http://192.168.178.100/abi83/wp-content/uploads/2021/03/blau.jpg" title="blau" class="ari-fancybox">
    					<img loading="lazy" width="400" height="284" src="http://192.168.178.100/abi83/wp-content/uploads/2021/03/blau-400x284.jpg" srcset="http://192.168.178.100/abi83/wp-content/uploads/2021/03/blau.jpg 479w, http://192.168.178.100/abi83/wp-content/uploads/2021/03/blau-400x284.jpg 480w" sizes="(max-width:479px) 479px, 100vw" class="wp-image-1577">
    					<span class="et_overlay"></span>
    				</a>
    				</div><h3 class="et_pb_gallery_title">blau</h3></div><div class="et_pb_gallery_item et_pb_grid_item et_pb_bg_layout_light et_pb_gallery_item_0_1 on_last_row" style="display: block;">
    				<div class="et_pb_gallery_image landscape">
    					<a href="http://192.168.178.100/abi83/wp-content/uploads/2021/03/rot.jpg" title="rot" class="ari-fancybox">
    					<img loading="lazy" width="400" height="284" src="http://192.168.178.100/abi83/wp-content/uploads/2021/03/rot-400x284.jpg" srcset="http://192.168.178.100/abi83/wp-content/uploads/2021/03/rot.jpg 479w, http://192.168.178.100/abi83/wp-content/uploads/2021/03/rot-400x284.jpg 480w" sizes="(max-width:479px) 479px, 100vw" class="wp-image-1578">
    					<span class="et_overlay"></span>
    				</a>
    				</div><h3 class="et_pb_gallery_title">rot</h3></div></div><!-- .et_pb_gallery_items --><div class="et_pb_gallery_pagination" style="display: none;"><ul></ul></div></div><!-- .et_pb_gallery -->
    			</div>
    Plugin Author arisoft

    (@arisoft)

    Try to populate “Custom grouping selectors” parameter with the following value:

    .et_pb_gallery$$.et_pb_gallery_image a

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.