elementor / elementor/elementor

Image Carousel + Dynamic Tag Post Image Attachments doesn't work with the Ligthbox

Open
#25,658 8 comments 0 reactions 0 assignees View on GitHub
component/lightbox component/pro/dynamic-tag component/swiper mod/b* mod/e* product/pro type/dynamic-content widget/image-carousel*
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

- [X] I have searched for similar issues in open and closed tickets and cannot find a duplicate.
- [ ] I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.

### Description

When using the Image Carousel widget and pulling in images with the Dynamic Tag Post Image Attachments from a custom post type created with ACF the Lightbox feature suddenly stops working. When disabling the Dynamic Tag and adding the images manually the Lightbox feature works as usual again.

### Steps to reproduce

1. Add the Image Carousel
2. Pull in the images with the dynamic tag Post Image Attachments from a custom post type.
3. Enable lightbox and set it to Yes.
4. Find out it doesn't work.

### Expected behavior

1. I expect the lightbox feature to work for my carousel even when I'm using the dynamic tag feature.

### Isolating the problem

- [ ] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
- [X] This bug happens with the Hello Elementor theme active.
- [X] I can reproduce this bug consistently by following the steps I described above.

### Elementor System Info

Click to reveal

````txt

== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: MySQL Community Server - GPL v8.0.35
PHP Version: 8.3.3
PHP Memory Limit: 512M
PHP Max Input Vars: 4000
PHP Max Post Size: 128M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 6.5
WP Multisite: No
Max Upload Size: 128 MB
Memory limit: 40M
Max Memory limit: 512M
Permalink Structure: /%postname%/
Language: en_US
Timezone: Europe/Berlin
Debug Mode: Inactive

== Theme ==
Name: Hello Elementor
Version: 3.0.1
Author: Elementor Team
Child Theme: No

== User ==
Role: administrator
WP Profile lang: en-US

== Active Plugins ==
Admin Menu Editor
Version: 1.12.1
Author: Janis Elsts

Advanced Custom Fields
Version: 6.2.8
Author: WP Engine

Code Snippets
Version: 3.6.4
Author: Code Snippets Pro

Elementor
Version: 3.20.3
Author: Elementor.com

Elementor Pro
Version: 3.20.2
Author: Elementor.com

Post Type Switcher
Version: 3.3.1
Author: Triple J Software, Inc.

Require Post Category
Version: 2.1
Author: Josh Hartman

WP Meteor
Version: 3.4.0
Author: Aleksandr Guidrevitch

WPvivid Backup Plugin
Version: 0.9.99
Author: WPvivid Team

Yoast Duplicate Post
Version: 4.5
Author: Enrico Battocchi & Team Yoast

== Features ==
Custom Fonts: 1
Custom Icons: 0

== Integrations ==

== Elementor Experiments ==
Improved Asset Loading: Active
Improved CSS Loading: Active
Inline Font Icons: Active
Additional Custom Breakpoints: Active
admin_menu_rearrangement: Inactive by default
Flexbox Container: Active
Upgrade Swiper Library: Active
Grid Container: Active
Default to New Theme Builder: Active by default
Hello Theme Header & Footer: Active by default
Editor Top Bar: Inactive by default
Optimized Gutenberg Loading: Active
Build with AI: Inactive
Landing Pages: Active
Nested Elements: Active
Lazy Load Background Images: Inactive
Optimize Image Loading: Active
Notes: Inactive
Display Conditions: Active by default
Form Submissions: Active
Menu: Inactive by default
Taxonomy Filter: Active by default

== Log ==

Log: showing 20 of 202024-03-21 01:21:27 [info] elementor::elementor_updater Started
2024-03-21 01:21:27 [info] Elementor/Upgrades - _on_each_version Start
2024-03-21 01:21:27 [info] Elementor/Upgrades - _on_each_version Finished
2024-03-21 01:21:27 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.20.0',
'to' => '3.20.2',
)]
2024-03-21 01:21:27 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.20.0',
'to' => '3.20.2',
)]
2024-03-21 01:22:21 [info] elementor-pro::elementor_pro_updater Started
2024-03-21 01:22:21 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-03-21 01:22:21 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-03-21 01:22:21 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.20.0',
'to' => '3.20.1',
)]
2024-03-21 01:22:21 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.20.0',
'to' => '3.20.1',
)]
2024-04-05 08:59:21 [info] elementor::elementor_updater Started
2024-04-05 08:59:21 [info] Elementor/Upgrades - _on_each_version Start
2024-04-05 08:59:21 [info] Elementor/Upgrades - _on_each_version Finished
2024-04-05 08:59:21 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.20.2',
'to' => '3.20.3',
)]
2024-04-05 08:59:21 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.20.2',
'to' => '3.20.3',
)]
2024-04-05 06:00:46 [info] elementor-pro::elementor_pro_updater Started
2024-04-05 06:00:46 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-04-05 06:00:46 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-04-05 06:00:46 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.20.1',
'to' => '3.20.2',
)]
2024-04-05 06:00:46 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.20.1',
'to' => '3.20.2',
)]

JS: showing 9 of 9JS: 2024-04-05 03:23:34 [error X 49][../wp-content/plugins/elementor/assets/js/ai.min.js?ver=3.20.3:3:7564] ReactUtils is not defined
JS: 2024-04-05 04:16:26 [error X 3][../wp-admin/load-scripts.php?c=0&loadchunk_0=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=6.5:2:28760] Cannot read properties of undefined (reading 'value')
JS: 2024-04-05 05:03:35 [error X 3][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.20.3:3:424380] Cannot read properties of null (reading 'history')
JS: 2024-04-05 05:03:44 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.20.3:3:609947] Cannot read properties of null (reading 'id')
JS: 2024-04-06 00:09:01 [error X 10][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.20.3:3:816057] Cannot read properties of undefined (reading 'localized')
JS: 2024-04-06 00:24:08 [error X 2][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.20.3:3:815550] Cannot read properties of undefined (reading 'toLowerCase')
JS: 2024-04-06 00:40:26 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.20.3:3:648673] Cannot read properties of undefined (reading 'isDesignable')
JS: 2024-04-06 01:30:00 [error X 2][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.20.3:3:1145118] Cannot read properties of null (reading 'getBoundingClientRect')
JS: 2024-04-06 01:37:19 [error X 4][../wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.20.3:2:10586] Cannot read properties of undefined (reading 'autoplay')

PHP: showing 6 of 6PHP: 2024-04-05 07:03:58 [warning X 59][..wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php::150] Undefined array key "condition_type" [array (
'trace' => '
#0: ..wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(150): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_template_json_item()
#2: ..wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(120): class type array_map()
#3: ..wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(59): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_templates_json()
#4: ..wp-content/plugins/elementor/data/base/endpoint.php(158): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> get_items()
',
)]
PHP: 2024-04-05 07:04:13 [warning X 2][..wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php::150] Undefined array key "condition_type" [array (
'trace' => '
#0: ..wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(150): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ..wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(83): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_template_json_item()
#2: ..wp-content/plugins/elementor/data/base/endpoint.php(166): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> update_item()
#3: ..wp-content/plugins/elementor/data/base/endpoint.php(307): Elementor\Data\Base\Endpoint -> base_callback()
#4: ..wp-includes/rest-api/class-wp-rest-server.php(1230): Elementor\Data\Base\Endpoint -> Elementor\Data\Base\{closure}()
',
)]
PHP: 2024-04-06 02:02:22 [warning X 24][..wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-image.php::40] Undefined array key 1 [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-04-06 02:30:31 [warning X 1][..wp-content/plugins/elementor-pro/modules/assets-manager/asset-types/fonts-manager.php::252] Undefined array key "editor_post_id" [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-04-06 04:35:55 [warning X 1][..wp-content/plugins/elementor/includes/managers/image.php::113] Trying to access array offset on false [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-04-06 05:42:19 [warning X 79][..wp-content/plugins/elementor-pro/modules/loop-filter/query/taxonomy-manager.php::150] Undefined array key "logicalJoin" [array (
'trace' => '
#0: ..wp-content/plugins/elementor-pro/modules/loop-filter/query/taxonomy-manager.php(150): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ..wp-content/plugins/elementor-pro/modules/loop-filter/query/taxonomy-query-builder.php(33): ElementorPro\Modules\LoopFilter\Query\Taxonomy_Manager -> get_hierarchy_of_selected_terms()
#2: ..wp-content/plugins/elementor-pro/modules/loop-filter/module.php(128): ElementorPro\Modules\LoopFilter\Query\Taxonomy_Query_Builder -> get_merged_queries()
#3: ..wp-includes/class-wp-hook.php(324): ElementorPro\Modules\LoopFilter\Module -> filter_loop_query()
#4: ..wp-includes/plugin.php(205): WP_Hook -> apply_filters()
',
)]

== Elementor - Compatibility Tag ==

Elementor Pro: Compatible

== Elementor Pro - Compatibility Tag ==

````

### Agreement

- [X] I agree that my issue may be closed without action if it doesn't meet all the requirements.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.