Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Media Query Woocommerce product

  • Good morning everyone and Happy New Year!

    Is there a way to create media queries specifically for WooCommerce products, allowing me to easily target bestsellers, new arrivals, or featured products?
    Example [products limit=”4″ columns=”4″ best_selling=”true”]

    Currently, using WooCommerce’s standard shortcodes requires custom CSS for each shortcode to achieve the desired look. On the other hand, using media queries could simplify much of the work directly within the editor.

    I’ve noticed that it’s possible to create media queries for products and filter them by tags, such as categories, but this approach would require creating specific categories to achieve the desired outcome.

    Does anyone have any suggestions or alternative solutions? Thank you!

  • Hi there,

    The shortcodes are from Woocommerce, I’m not sure if they have responsive settings for the shortcodes.

    You will likely need to use CSS to change the column number on different devices.

    But it is worth checking with Woocommerce’s support.

    Or you can try Woocommerce’s blocks, they should have responsive settings.

  • Thank you very much

  • You are welcome   🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.