Open
Description
openedon Jun 1, 2023
Impacted plugin
Jetpack
Quick summary
Jetpack adds / changes some code for Elementor Basic Gallery widget if the Tiled Galleries or Carousel modules are active.
Steps to reproduce
- Install Jetpack, Elementor and Hello Elementor theme on a fresh install of WordPress
- Create a new page or post using Elementor editor,
- Add Basic Gallery widget with a few images to the page
- Preview the page and check/inspect the code for the Basic Gallery widget
A clear and concise description of what you expected to happen.
If Carousel & Tiled Gallery modules are deactivated, the code for the Basic Gallery widget shows
Elementor Gallery works file
<div class="elementor-image-gallery">
<div id="gallery-1" class="gallery galleryid-231 gallery-columns-4 gallery-size-thumbnail"><figure class="gallery-item">
<div class="gallery-icon landscape">
What actually happened
If Carousell module is active code for the Basic Gallery widget shows
<div class="elementor-image-gallery">
<div data-carousel-extra="{"blog_id":1,"permalink":"https:\/\/example.com\/page-231\/"}" id="gallery-1" class="gallery galleryid-231 gallery-columns-4 gallery-size-thumbnail"><figure class="gallery-item">
<div class="gallery-icon landscape">
The following meta information was added
data-carousel-extra="{"blog_id":1,"permalink":"https:\/\/example.com\/page-231\/"}"
If Tiled Galleries module is active code for the Basic Gallery widget gets changed to
<div class="elementor-image-gallery">
<div class="tiled-gallery type-rectangular" data-original-width="800" data-carousel-extra="null" itemscope="" itemtype="http://schema.org/ImageGallery">
<div class="gallery-row" style="width: 800px; height: 382px;" data-original-width="800" data-original-height="382"> <div class="gallery-group images-2" style="width: 340px; height: 382px;" data-original-width="340" data-original-height="382">
<div class="tiled-gallery-item tiled-gallery-item-large" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
Impact
One
Available workarounds?
Yes, easy to implement
Platform (Simple and/or Atomic)
Atomic, Self-hosted
Logs or notes
Issue reported here wordpress.org/support/topic/jetpack-breaks-elementor-basic-gallery
Tested with
- Jetpack 12.2-beta
- Elementor 3.14.0-dev2
- WordPress 6.2.2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Metadata
Assignees
Labels
A fullscreen modal appearing when clicking on an image in a gallery or tiled gallery.A different way to display image galleries on your site, in different organizations and shapes.Ensuring our products play well with third-partiesIssues about the Jetpack plugin. https://wordpress.org/plugins/jetpack/When a feature is broken and / or not performing as intended