Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

πŸ”— β›” πŸš€ Select Image Thumbnail Size for Background Image doesn't work for dynamic images (Duplicate of #21359) #22055

Closed
3 of 5 tasks
DavidGMiles opened this issue Apr 15, 2023 · 6 comments
Closed
3 of 5 tasks

πŸ”— β›” πŸš€ Select Image Thumbnail Size for Background Image doesn't work for dynamic images (Duplicate of #21359) #22055

DavidGMiles opened this issue Apr 15, 2023 · 6 comments
Labels
component/dynamic-tag References Elementor Pro’s Dynamic Tags feature. control/group/background References the Background group settings control. controls References any Widget Settings Control in the Elementor Editor. duplicate Indicates when an Issue or a Discussion is a duplicate of another Issue or Discussion. mod/d* [Temp.] For internal use only. mod/r* [Temp.] For internal use only. mod* [Temp.] For internal use only. product/pro Indicates if the referenced component is part of the Elementor Pro plugin. request/enhancement Indicates an Enhancement Request for an existing feature. type/styles Indicates when a topic is related to the styles or design of a component.

Comments

@DavidGMiles
Copy link

DavidGMiles commented Apr 15, 2023 •
edited by nicholaszein
Loading

Prerequisites

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • The issue still exists against the latest stable version of Elementor.

Description

Please reference this https://github.com/orgs/elementor/discussions/20092

@arielk has closed that ticket with no understanding of the issue - or a blatant disregard for performance

The enhancement added in 3.1.1 is a half measure - the feature has not been finished and has been pointed out in bug reports - yet @arielk still closed it!

The feature works for a static image chosen from the media library

However - if you use a dynamic images source for the image - say an ACF image field - the option to select the size disappears - this was pointed out when the feature was under development, when the feature was in beta, and when it was released

How @arielk can say this is closed and at the same time performance is important is beyond me - there is a very simple fix - but Elementor development team seem to not want to make this fix

Steps to reproduce

Add a section, add a static background image, note the background image sizes appear as a drop down

Change the background image source to an ACF field the background image drop down disappears

Isolating the problem

  • This bug happens with only Elementor plugin active (and Elementor Pro).
  • This bug happens with a Blank WordPress theme active (Hello theme).
  • I can reproduce this bug consistently following the steps above.

System Info

Click to reveal 
== Server Environment ==
	Operating System: Linux
	Software: LiteSpeed
	MySQL version: MariaDB Server v10.5.19
	PHP Version: 7.4.33
	PHP Memory Limit: 1G
	PHP Max Input Vars: 1000
	PHP Max Post Size: 8M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 6.2
	Site URL: https://natureslens.co.uk
	Home URL: https://natureslens.co.uk
	WP Multisite: No
	Max Upload Size: 2 MB
	Memory limit: 768M
	Max Memory limit: 1536M
	Permalink Structure: /%year%/%monthnum%/%postname%/
	Language: en-GB
	Timezone: Europe/London
	Debug Mode: Active

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

== User ==
	Role: administrator
	WP Profile lang: en_GB
	User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15

== Active Plugins ==
	Add Alt and Title to Elementor Image
		Version: 1.0.0
		Author: 

	Admin Columns Pro
		Version: 6.1.3
		Author: AdminColumns.com

	Advanced Custom Fields: Extended PRO
		Version: 0.8.9.3
		Author: ACF Extended

	Advanced Custom Fields PRO
		Version: 6.1.4
		Author: WP Engine

	Advanced Database Cleaner PRO
		Version: 3.2.2
		Author: Younes JFR.

	Anti-Spam by CleanTalk
		Version: 6.8
		Author: Π‘leanTalk <[email protected]>

	Code Snippets Pro
		Version: 3.3.0
		Author: Code Snippets Pro

	Dynamic.ooo - Dynamic Content for Elementor
		Version: 2.9.2
		Author: Dynamic.ooo

	e-addons for Elementor
		Version: 3.3.1
		Author: Nerds Farm

	e-addons TEMPLATE
		Version: 2.0.1
		Author: Nerds Farm

	Elementor
		Version: 3.12.1
		Author: Elementor.com

	Elementor Pro
		Version: 3.12.2
		Author: Elementor.com

	Groovy Menu
		Version: 2.6.3
		Author: Grooni

	Integration for Elementor forms - Cookies
		Version: 1.2.5
		Author: Webtica

	LiteSpeed Cache
		Version: 5.3.3
		Author: LiteSpeed Technologies

	MailerSend - Official SMTP Integration
		Version: 1.0.1
		Author: MailerSend

	ManageWP - Worker
		Version: 4.9.17
		Author: GoDaddy

	Media File Renamer: Rename Files (Manual, Auto & AI) (Pro)
		Version: 5.5.9
		Author: Jordy Meow

	Meow Gallery
		Version: 4.3.7
		Author: Jordy Meow

	NaturesLens Site-Specific Functionality
		Version: 2019.03.04
		Author: David Miles

	OoohBoi Steroids for Elementor
		Version: 2.1.5
		Author: OoohBoi

	Passwordless Login
		Version: 1.1.2
		Author: Cozmoslabs, sareiodata

	Perfmatters
		Version: 2.0.9
		Author: forgemedia

	Performance Lab
		Version: 2.1.0
		Author: WordPress Performance Team

	PublishPress Future
		Version: 2.9.2
		Author: PublishPress

	Rank Math SEO
		Version: 1.0.111
		Author: Rank Math

	Rank Math SEO PRO
		Version: 3.0.33
		Author: Rank Math

	ShortPixel Image Optimizer
		Version: 5.2.1
		Author: ShortPixel - Convert WebP/AVIF & Optimize Images

	TaxoPress Pro
		Version: 3.7.2
		Author: TaxoPress

	User Menus
		Version: 1.3.1
		Author: Code Atlantic

	WP Grid Builder
		Version: 1.7.5
		Author: LoΓ―c Blascos

	WP Grid Builder - Caching
		Version: 1.1.0
		Author: LoΓ―c Blascos

	WP Grid Builder - Elementor
		Version: 1.2.3
		Author: LoΓ―c Blascos


== Must-Use Plugins ==
	burst_rest_api_optimizer.php
		Version: 
		Author: 


== Elements Usage ==
	
	archive : 10
		archive-posts : 2
		posts : 1
		text-editor : 2
		theme-archive-title : 1
		wpgb-facet : 3
	footer : 1
		icon : 1
		template : 1
	header : 1
		html : 1
		shortcode : 1
	page : 5
		dce-tokens : 1
		form : 1
		gallery : 3
		google_maps : 1
		heading : 10
		html : 1
		image : 4
		menu-anchor : 5
		nav-menu : 1
		social-icons : 1
		star-rating : 1
		text-editor : 12
	popup : 4
		text-editor : 1
	section : 117
		blockquote : 1
		button : 13
		call-to-action : 2
		dce-acf-repeater-v2 : 4
		dce-tokens : 6
		dce-views : 3
		divider : 1
		dyncontel-acf : 3
		dyncontel-acf-relation : 1
		dyncontel-excerpt : 1
		dyncontel-popup : 1
		form : 2
		gallery : 1
		heading : 33
		html : 4
		icon : 1
		icon-box : 2
		image : 8
		image-box : 1
		menu-anchor : 3
		nav-menu : 1
		post-info : 1
		posts : 4
		search-form : 1
		shortcode : 8
		star-rating : 2
		taxonomy-terms-menu : 5
		template : 3
		text-editor : 55
		theme-post-content : 1
		theme-post-excerpt : 2
		theme-post-featured-image : 1
		theme-post-title : 3
		wpgb-facet : 8
	wp-post : 0
		button : 6
		divider : 1
		dyncontel-popup : 3
		flip-box : 2
		heading : 3
		image-box : 2
		shortcode : 1
		template : 9
		text-editor : 4
	wp-page : 43
		button : 2
		dce-discover-tokens : 1
		dce-tokens : 1
		dce-views : 1
		dyncontel-popup : 2
		groovy_menu_plugin : 1
		heading : 18
		html : 4
		image : 1
		image-box : 1
		loop-grid : 1
		nav-menu : 1
		posts : 10
		shortcode : 1
		sitemap : 1
		template : 3
		text-editor : 25
		theme-site-logo : 1
		wpgb-facet : 49
	single-post : 6
		dce-acf-relationship : 2
		heading : 2
		post-info : 1
		share-buttons : 1
		template : 1
		theme-post-content : 2
		theme-post-featured-image : 1
		theme-post-title : 2
	loop-item : 0
		button : 2
		container : 3
		dyncontel-terms : 4
		text-editor : 16
		theme-post-excerpt : 2
		theme-post-featured-image : 2
		theme-post-title : 2


== Settings ==
	
	cpt_support: page, gm_menu_block
	disable_color_schemes: yes
	disable_typography_schemes: yes
	allow_tracking: yes
	unfiltered_files_upload: 1
	font_display: swap
	load_fa4_shim: yes


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

== Integrations ==
	


== Elementor Experiments ==
	Optimised DOM Output: Active
	Improved asset loading: Active
	Improved CSS Loading: Inactive
	Inline Font Icons: Inactive
	Accessibility improvements: Inactive
	Additional Custom Breakpoints: Inactive
	admin_menu_rearrangement: Inactive by default
	Flexbox Container: Inactive
	Upgrade Swiper Library: Active
	Default to New Theme Builder: Inactive
	Hello Theme Header & Footer: Inactive
	Editor Top Bar: Inactive
	Landing pages: Inactive
	Nested Elements: Inactive
	Lazy Load Background Images: Inactive
	Page Transitions: Inactive
	Notes: Inactive
	Loop: Inactive
	Form Submissions: Active
	Scroll Snap: Inactive
	Menu: Inactive


== Log ==
	
Log: showing 20 of 302023-03-30 09:36:52 [info] elementor-pro::elementor_pro_updater Started 
2023-03-30 09:36:52 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-03-30 09:36:52 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-03-30 09:36:52 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.11.7',
  'to' => '3.12.0',
)]
2023-03-30 09:36:53 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.11.7',
  'to' => '3.12.0',
)]
2023-04-03 06:09:18 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.12.0',
  'to' => '3.12.1',
)]
2023-04-03 06:09:19 [info] elementor::elementor_updater Started 
2023-04-03 06:09:19 [info] Elementor/Upgrades - _on_each_version Start  
2023-04-03 06:09:21 [info] Elementor/Upgrades - _on_each_version Finished 
2023-04-03 06:09:21 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.12.0',
  'to' => '3.12.1',
)]
2023-04-03 06:10:43 [info] elementor-pro::elementor_pro_updater Started 
2023-04-03 06:10:43 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-04-03 06:10:43 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-04-03 06:10:43 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.12.0',
  'to' => '3.12.1',
)]
2023-04-05 12:52:29 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Dynamic.ooo - Dynamic Content for Elementor',
  'from' => '2.9.1',
  'to' => '2.9.2',
)]
2023-04-10 09:21:41 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.12.1',
  'to' => '3.12.2',
)]
2023-04-10 09:21:41 [info] elementor-pro::elementor_pro_updater Started 
2023-04-10 09:21:41 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-04-10 09:21:41 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-04-10 09:21:41 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.12.1',
  'to' => '3.12.2',
)]

PHP: showing 9 of 9PHP: 2023-03-25 17:17:01 [notice X 3][../elementor-pro/modules/query-control/classes/elementor-post-query.php::247] Undefined property: WP_Error::$taxonomy [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-06 15:06:22 [notice X 71][../elementor-pro/modules/loop-builder/module.php::204] strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-06 15:14:32 [notice X 4][../elementor-pro/modules/custom-css/module.php::76] trim(): Passing null to parameter #1 ($string) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-10 09:21:41 [warning X 2][../elementor/core/files/manager.php::111] unlink(/home/naturesl/public_html/wp-content/uploads/elementor/css/post-77983.css): No such file or directory [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-10 09:21:42 [warning X 1][../elementor/core/files/manager.php::111] unlink(/home/naturesl/public_html/wp-content/uploads/elementor/css/post-47144.css): No such file or directory [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-11 20:17:44 [notice X 1][../elementor/includes/controls/groups/image-size.php::110] Undefined index: id [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-12 08:54:52 [notice X 4][../elementor/core/common/modules/ajax/module.php::175] Undefined index: data [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-12 08:57:34 [notice X 8][../elementor-pro/modules/theme-builder/classes/conditions-manager.php::168] Undefined index: editor_post_id [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-04-12 10:06:15 [notice X 1][../elementor-pro/modules/dynamic-tags/acf/tags/acf-text.php::33] Undefined offset: 1 [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

JS: showing 3 of 3JS: 2023-04-12 07:54:58 [error X 8][../elementor/assets/js/editor.js?ver=3.12.1:55086:43] null is not an object (evaluating 'currentElement.getBoundingClientRect') 
JS: 2023-04-12 08:22:25 [error X 1][../elementor/assets/js/editor.js?ver=3.12.1:29950:24] undefined is not an object (evaluating 'this.container.isEditable') 
JS: 2023-04-13 20:00:53 [error X 3][../elementor/assets/js/editor.js?ver=3.12.1:31088:30] undefined is not an object (evaluating 'this.view.container.isDesignable') 



== Elementor - Compatibility Tag ==
	
	Add Alt and Title to Elementor Image: Compatibility not specified
	Dynamic.ooo - Dynamic Content for Elementor: Compatibility not specified
	e-addons for Elementor: Compatibility not specified
	Elementor Pro: Compatibility not specified
	Integration for Elementor forms - Cookies: Compatibility not specified
	OoohBoi Steroids for Elementor: Compatibility not specified
	WP Grid Builder - Elementor: Compatibility not specified

== Elementor Pro - Compatibility Tag ==
@DavidGMiles DavidGMiles added the status/awaiting_triage Indicates when an Issue, Pull Request, or Discussion awaits to be triaged. label Apr 15, 2023
@nicholaszein nicholaszein changed the title Select Image Thumbnail Size for Background Image doesn't work for dynamic images β›” 🐞 Bug Report: Select Image Thumbnail Size for Background Image doesn't work for dynamic images Apr 18, 2023
@nicholaszein nicholaszein added bug Indicates a bug with one or multiple components. type/responsive Indicates when a topic is related to Responsive Design, for tablet, mobile, and other screens. component/dynamic-tag References Elementor Pro’s Dynamic Tags feature. widget/image References the Image widget. control/group/background References the Background group settings control. and removed status/awaiting_triage Indicates when an Issue, Pull Request, or Discussion awaits to be triaged. labels Apr 18, 2023
@caspervoogt
Copy link

I just ran into this myself and confirm what the DavidGMiles wrote. In my case (just as an example) I have post template with an image that displays the post's featured image and I have it set to show a specific image/thumbnail size, yet it simply renders the full image. I can't wait for this feature to be fully usable because this use case is pretty much the only thing I ever use this feature for.

@caspervoogt
Copy link

I keep running into this .. I'd love to have an update from Elementor about this one because as it stands the responsive background image feature is pretty useless

@SpinDreams
Copy link

+1 on this, if you try to use a dynamic source for a background image for a container it won't let you then set the image size to use (Unlike if you simply choose an image from media), it will always use the full-size image (making the page slower to load). Workaround for me was to use an image widget within the container and fill it and z-index as it seems to allow you to choose the size for dynamic sources..

@nicholaszein nicholaszein added the mod/b* [Temp.] For internal use only. label Jun 3, 2024
@zanga7
Copy link

zanga7 commented Jul 5, 2024

Any updates or work-arounds?

@ADAGEBF
Copy link

ADAGEBF commented Nov 26, 2024 •
edited
Loading

Any updates or work-arounds?

it's been at least 6 years now the issue has been requested: #3722

several tickets were closed but the issue remains.

@nicholaszein nicholaszein changed the title β›” 🐞 Bug Report: Select Image Thumbnail Size for Background Image doesn't work for dynamic images πŸ”— β›” πŸš€ Select Image Thumbnail Size for Background Image doesn't work for dynamic images (Duplicate of #21359) Jan 29, 2025
@nicholaszein nicholaszein added request/enhancement Indicates an Enhancement Request for an existing feature. mod/r* [Temp.] For internal use only. mod* [Temp.] For internal use only. and removed bug Indicates a bug with one or multiple components. mod/b* [Temp.] For internal use only. labels Jan 29, 2025
@nicholaszein
Copy link
Member

Hey everyone!

An update to this issue:

Initially this functionality was not intended to be implemented, and images loaded via dynamic tags couldn't have the resolution set. We intended to update the controls to inform this limitation by adding a note below the Background Image selector indicating this was not possible:

"Dynamic background images aren’t supported by Image Resolution settings"

However, due to the demand, we added this to our roadmap as a new feature.

Unfortunately, after performing various tests we concluded implementing this feature could have a heavy impact on performance both inside the Editor, as well as on the frontend during the first rendering of the page, when the CSS is being generated. So we placed this feature on hold until we improved our infrastructure.

But we have great news! πŸ™Œ

Support for this feature will be considered for Elementor v4, after all dynamic capabilities are implemented, in a future phase!

For this reason, we are closing this issue, and merging it with the Feature Request #22750.

Please join the discussion there, and cast your vote as well!

Thank you all for your feedback! πŸ™

@elementor elementor locked and limited conversation to collaborators Jan 29, 2025
@nicholaszein nicholaszein added duplicate Indicates when an Issue or a Discussion is a duplicate of another Issue or Discussion. mod/d* [Temp.] For internal use only. type/styles Indicates when a topic is related to the styles or design of a component. product/pro Indicates if the referenced component is part of the Elementor Pro plugin. controls References any Widget Settings Control in the Elementor Editor. and removed type/responsive Indicates when a topic is related to Responsive Design, for tablet, mobile, and other screens. widget/image References the Image widget. labels Jan 29, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
component/dynamic-tag References Elementor Pro’s Dynamic Tags feature. control/group/background References the Background group settings control. controls References any Widget Settings Control in the Elementor Editor. duplicate Indicates when an Issue or a Discussion is a duplicate of another Issue or Discussion. mod/d* [Temp.] For internal use only. mod/r* [Temp.] For internal use only. mod* [Temp.] For internal use only. product/pro Indicates if the referenced component is part of the Elementor Pro plugin. request/enhancement Indicates an Enhancement Request for an existing feature. type/styles Indicates when a topic is related to the styles or design of a component.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@caspervoogt @ADAGEBF @DavidGMiles @SpinDreams @zanga7 @nicholaszein