Badges doesn’t appear in WooCommerce Product Slider Pro

Hi,

Looks like it is compatibility issue with you slider plugin. Can you please give me a link to this WooCommerce Product Slider plugin?

Regards

Hi, thanks for the fast response! You can find the plugin here: https://shapedplugin.com/woocommerce-product-slider/
This is the official site, but you can find the free version even searching it in wordpress.

Thanks. As I see this slider just doesn’t use any WooCommerce hooks so the label doesn’t have any chance to be displayed.

The only option that you have here is to manually make some changes in the slider plugin code. But remember that after you update this plugin all changes will be lost.

So open wp-content/plugins/woo-product-slider/src/Frontend/views/templates/loop/thumbnail.php file and add following code after oppening a tag

   if ( function_exists( 'awl_get_labels_html_by_position' ) ) {
            echo awl_get_labels_html_by_position( 'on_image' );
        }

Also open wp-content/plugins/woo-product-slider/src/Frontend/views/templates/loop/title.php file and add following code

 if ( function_exists( 'awl_get_labels_html_by_position' ) ) {
            echo awl_get_labels_html_by_position( 'before_title' );
        }

Thank you, will definetly try this!

Yeah, IT’S WORKING!! Than you so much, really love your plugin.
The only problem is that it doesn’t take the margin settings of your plugin. Any fix for this?

Well you can try just to use following global styles:

#wpsp-slider-section .advanced-woo-labels.awl-position-type-before-title {
    margin-top: 10px;
}

Worked, thank you! Last question I swear, any ways of having this labels in the single product page? I have pick the “Show” option in the settings but it doesn’t. ?_?

It is strange that you don’t see the labels on the single product page.

Please tell me – did you change Hooks option inside the plugin settings page? Also – please tell me your current theme name.

Regards

Hello, sorry for the late response! I manage to fix the product page problem! The plugin is now perfect! I have only one last problem when there are more than 3/4 labels in one product. In the mobile they start a new paragraph, but between them they have no margin and are stuck together. Is there a css I can use to distance them from each other that you know of? Here’s an example: https://prnt.sc/bvqnrEK3sjb3

Thank you in advance!

Please try to use following css:

.advanced-woo-labels .awl-label-wrap {
    margin-bottom: 5px;
}

Nope, this doesn’t work unfortunatly ?_?

Can you give me a link to the page where I can see these labels?

Yeah sure. Can I ask for your email? The site is password protected at the moment so gotta send you the password to enter.

Sure. It is [email protected]?