Andreslav

This code should work correctly (gets the proportions of the image from the image url). How about adding this to a plugin?

var sizes = img.offsetWidth;

if(img.srcset) {
  var dxd = img.srcset.split(',')[0].match(/-(\d+x\d+)+\./);
  if(dxd) {
    var [width, height] = dxd[1].split('x').map((e) => parseInt(e));
    if(typeof width == 'number' && typeof height == 'number') {
      sizes = Math.ceil(sizes * (width / height));
    }
  }
}

• This reply was modified 2 years ago by Andreslav.
• This reply was modified 2 years ago by Andreslav.

Hi @kimmyx ,

As a result, I made a window by setting the parameter “Stop showing the popup window as soon as the visitor performs this action: When closing the window.”

I’m sorry for the delay.
Yes, I closed the site…

I found additional problem conditions: it is played if the “Tabs” are inside the “Row Layout”.

The “kadence” blocks are used. Here is a ready-made minimal html fragment (preview):

<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"_6bd911-aa","borderStyle":[{"top":["","",""],"right":["","",""],"bottom":["","",""],"left":["","",""],"unit":"px"}]} -->
<div class="wp-block-kadence-column kadence-column_6bd911-aa"><div class="kt-inside-inner-col"><!-- wp:kadence/tabs {"uniqueID":"_640557-b8","layout":"vtabs"} -->
<div class="wp-block-kadence-tabs alignnone"><div class="kt-tabs-wrap kt-tabs-id_640557-b8 kt-tabs-has-3-tabs kt-active-tab-1 kt-tabs-layout-vtabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-inherit kt-tab-alignment-left "><ul class="kt-tabs-title-list"><li id="tab-tab1" class="kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active"><a href="#tab-tab1" data-tab="1" class="kt-tab-title kt-tab-title-1 "><span class="kt-title-text">Tab 1</span></a></li><li id="tab-tab2" class="kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-tab2" data-tab="2" class="kt-tab-title kt-tab-title-2 "><span class="kt-title-text">Tab 2</span></a></li><li id="tab-tab3" class="kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-tab3" data-tab="3" class="kt-tab-title kt-tab-title-3 "><span class="kt-title-text">Tab 3</span></a></li></ul><div class="kt-tabs-content-wrap"><!-- wp:kadence/tab {"uniqueID":"_517054-7a"} -->
<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-1 kt-inner-tab_517054-7a"><div class="kt-tab-inner-content-inner"></div></div>
<!-- /wp:kadence/tab -->

<!-- wp:kadence/tab {"id":2,"uniqueID":"_feb35b-ac"} -->
<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-2 kt-inner-tab_feb35b-ac"><div class="kt-tab-inner-content-inner"></div></div>
<!-- /wp:kadence/tab -->

<!-- wp:kadence/tab {"id":3,"uniqueID":"_dcd2dc-dd"} -->
<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-3 kt-inner-tab_dcd2dc-dd"><div class="kt-tab-inner-content-inner"></div></div>
<!-- /wp:kadence/tab --></div></div></div>
<!-- /wp:kadence/tabs --></div></div>
<!-- /wp:kadence/column -->

@adamewww, no, unfortunately. I’ve seen this setup, I wouldn’t want to disable other sizes.: they are needed in other places.

My goal is to specify which images are needed in a certain place. For example, now in srcset in the catalog I have 300w, 600w, 768w, 1024w, 1520w. Of these, I would leave only 300w and 600w.

@amagab, delete !important

* {
  font-family: "Noto Sans", verdana, sans-serif !important;
}

@bruceallen Thanks for the suggestion, but this is what I did:

1. Through js (I use hooks), I add the _minipage parameter to the url of the page load request (pages with and without the parameter are considered different and are cached separately).
2. I optimize the page in the presence of the _minipage parameter and certain http headers.
3. I take the necessary steps so that my parameter does not appear in the browser url: I track changes in the link and delete the parameter.
4. When I try to follow the link with the _minipage parameter, I redirect to the page without it.

Result: when loading goods, the request costs not 200-300 kb, but 30-50 kb.

Left a review ??

Note for those who follow the same path as me: if you set “allowlist”, then “dontmove” is ignored. Also, to group inline styles, you need to pass true to autoptimize_css_include_inline.

Thanks! I managed to do something ??

It is a pity, of course, that it is not possible to create several injection points: there would be a certain set of styles for each.

• This reply was modified 2 years, 1 month ago by Andreslav.

I noticed that the html and styles of the ‘Load More’ buttons, ‘Load Previous’ are loaded even if they are hidden (enabled “Infinity Scroll”), which is not very good.

I hope you fix it!)
Temporarily solved the problem like this:

add_filter('brfr_get_option_BeRocket_LMP', function($args, $product) {
	if(isset($args['br_lmp_messages_settings']['loading']) && !$args['br_lmp_messages_settings']['loading']) {
		$args['br_lmp_messages_settings']['loading'] = 'Загрузка...';
	}
	return $args;
}, 10, 2);

I have now installed the plugin: the problem still persists (I don’t know if there have been updates since then).

I also ran into this problem after the update.

@kimmyx, @danieliser – Thank you!

Hi @kimmyx,

1. Thanks for the advice, I found and did it!
2. Understood. It’s good that you know! By the way, I noticed that if you create a popup opening link in the page editor, the popup will be added to the page even if this page is not specified in the targeting. Those. partially, you have already implemented the automatic addition of popups to the page.

Hi @bsfherman,

There’s no option to add our own picture to the list.

It is sad.

Maybe there’s another way to add Viber link

No, apparently.

I was able to output icons via the astra_social_icons_after hook

• This reply was modified 2 years, 1 month ago by Andreslav.