PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Multiple WOOF Product Shortcodes

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.

I am testing out different ways to display products and really like how woof works. What I am trying to do is have one style on desktop and one on mobile. Unfortunately, the [Woof Products] shortcode refuses to play nice with two of them on a page and will ignore display: none code...

Is there a trick or setting that allows multiple [woof product] on a page that will obey the display: none; code properly?

Hello

Unfortunately I do not understand you

Describe it in more detail

on a page that will obey the display: none; code properly? - Can't add CSS?

 

So on a single page i try the following shortcodes:

 

[woof_products is_ajax=1 columns=5 per_page=15 taxonomies=product_cat:23]

[woof_products is_ajax=1 columns=2 per_page=10 taxonomies=product_cat:23]

[woof is_ajax=1 taxonomies=product_cat:23]

 

When I have the above everything displays correctly. Now, of course, I only want one of the Woof-Products to show on mobile and on to show on desktop, unfortunately, they do not function as such. I tried to assign them SID's to target them via css and I even tried to use the generic:

@media only screen and (max-width: 600px) {

.woocommerce.columns-5.woocommerce-page.woof_shortcode_output {

display: none;

}}

to hide the 5 column one while leaving the 2 column one on mobile. When there is only one [woof_products] shortcode on the page it obeys the CSS but when there are two [woof_products] shortcodes on the page only the first [woof_products] shortcode is displayed, regardless of setting it to display or not.

Hello

In this case, you are doing something wrong. The plugin cannot ignore styles. Most likely the style is incorrect

Drop  me  exact  link to  the  issue

It looks like it was an issue with Gutenberg block styling. When I created a clean page just for you to look at I was able to set it and have no issues. But the issue lingers on the other page so something is stuck.

 

Either way, it's not your plugin causing issues. This one we get to blame on Gutenberg.

Hello

Ok!  Great