the labels are not displayed correctly on certain products

Hi,

Please tell me – how do you create the following box – https://prnt.sc/Txs_ra_xseBd ? Are you using any special shortcodes for that?

Regards

Hello @mihail-barinov
Thnx for your feedback!

it is a woocommerce element from the theme builder. you can think of it as a shortcode indeed. however, it is used for all products that you see on the same homepage. because I opted for a vertical style. then the labels are not applied correctly

but basically the labels would be placed over every photo no matter what style I choose.

see here some more actions and filters of the theme

Looks like I found how to fix this issue. Fix will be available with the next plugins release.

Also – if you don’t want to wait – I can explain what custom code to use to apply needed changes right now.

Regards

thanks for your comment. super! when do you think the release is? is it possible to test it on my website to see if it is actually solved?

By the way, I noticed something else. as soon as I choose template “angle” I see a transparent line see example.
I see this on both desktop and mobile view. and in the product loop and single product page

New version is planned for April 17. After it will be released you will be able to test it. But I am sure that it will fix your problem.

About label “angle” issue – please try following custom css:

.advanced-woo-labels .awl-type-label-angle .awl-label-after {
    left: -1px;
}

the labels ar still not correct after update ??

Please make sure that you clear your browser cache. If you are using any caching plugins – also clear their cache too.

Regards

i have cleared browser cache and i don’t use caching plugin cache. can you check it on the website what i send before?

Please try to use following code snippet:

add_filter( 'awl_labels_hooks', 'my_awl_labels_hooks' );
function my_awl_labels_hooks( $hooks ) {
    $hooks['on_image']['archive']['flatsome_product_box_tools_top'] = array( 'priority' => 10, 'js' => array( '.box-image', 'append' )  );
    return $hooks;
}

You need to add it somewhere outside the plugins folder. For example, inside functions.php file of your theme or use some plugin for adding code snippets.

Regards

i get a syntax error https://prnt.sc/jXWdUWvNmChH

As I see you copied it incorrectly. Please take a look at characters like

&#091

They must not be presented in the code snippet.

• This reply was modified 1 year, 7 months ago by ILLID.
• This reply was modified 1 year, 7 months ago by ILLID.

thnx, i have add the function, but now the badges are gone. https://prnt.sc/CrFaCyEcVhwJ

Please also add this second code snippet:

add_filter( 'awl_js_container_selectors', 'my_awl_js_container_selectors' );
function my_awl_js_container_selectors( $container ) {
    $container[] = '.product-small';
    return $container;
}

thnx now its working! but on the single product page, the badge will pop up a half second and than removes ??