Support » Plugin: WooCommerce » Short by category

Viewing 15 replies - 1 through 15 (of 15 total)
  • That’s a tricky problem, because that element doesn’t have anything specific that I can see to distinguish it, like an id or class attribute. However, I was able to hide it using the “adjacent sibling selector” for CSS (the plus sign).

    Try adding this to your active theme by going Appearance -> Customize -> Additional CSS:

    
    .col-lg-5.col-md-4.col-sm-4.col-xs-12 + div {
    	display: none;
    }
    

    It would be best to add a page ID to that CSS to make sure it doesn’t interfere on another page, but with your current theme, I don’t see that option available in the code.

    Okay, thank you.
    I’ve added the code but it doesn’t hide it:
    Captura de pantalla 2019-11-10 a las 18.47.03.png

    I don’t see the new CSS on your site. Have you cleared any caching plugins and/or CDNs that your site uses?

    Your code is added, I don’t know why it’s not hidden. Sorry.
    I am thinking that if there is only option to hide the filtered, it will be better a page with the categories separated by titles (without date or comments):
    http://latiamelitona.loading.net/productos-2-2
    What do you think?
    Very thanks Linux4me2

    That’s weird. When I look at your site, I can’t see the new CSS. You’re adding it in Appearance -> Customize -> Additional CSS?

    The other thing you might try is:

    
    .col-lg-5.col-md-4.col-sm-4.col-xs-12 + div {
    	display: none !important;
    }
    

    though if the CSS is being used, I should still be able to see it.

    There is probably a hook you can use to prevent the products per page from being output, but if there is, I don’t know it.

    You could hide the whole ordering form:

    
    .woocommerce-ordering {
    	display: none;
    }
    

    or by adding this to your child theme’s functions.php:

    
    remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering');
    

    Thanks linux4me2.
    I have opted for this option:
    http://latiamelitona.loading.net/productos-2/
    I have to hide page title, date, comments and optimize the button “add to basket”.

    That looks good.

    You can hide the page title with:

    
    .page-id-892 .ps-post__title {
    	display: none;
    }
    

    and the date and comments (the page meta) with:

    
    .page-id-892 .ps-post__meta {
    	display: none;
    }
    

    The buttons look like they just need a touch of bottom margin:

    
    .page-id-892 .col-lg-4 {
    	margin-bottom: 30px;
    }
    

    Great! with your css I was able to hide those unnecessary data in the product pages:
    http://latiamelitona.loading.net/tradicionales/
    http://latiamelitona.loading.net/con-mantequilla-y-chocolate/
    http://latiamelitona.loading.net/estos-son-tus-productos/
    ———–
    I think I just need to hide the categories, so that there is no link to another page other than those created.
    And give format to the button “add to basket”, more visible and centered.
    Millions of thanks.
    What do you think of the web, is it intuitive and navigable?

    I’m glad that helped.

    Your site is very attractive. The photos are great! My Spanish isn’t that good, but the site is very intuitive and navigable. If it were me, I’d probably change the menu order to: Productos, Blog, Puntos de Venta, Historia, Tus Pedidos, and then Contacto to get the products up front, and the blog closer to the front since it will contain your most frequently changing content, but that’s purely my opinion.

    Good work!

    Thank you very much for your help and comments.
    Perhaps on some occasion I can help you, it would be a pleasure.
    Greetings

    You’re welcome!

    Sorry again.
    On the mobile are not hidden comments and date. Why? The title I have decided visible.
    Thank you

    Hmmm… When I test it on mobile using Firefox’s “Responsive Design Mode,” the comments and date are still hidden. If you’re using a device to test the site that you’ve used before, I suspect they are showing because the browser in the device is caching the old CSS. If you can figure out how to clear the browser cache in your mobile device, that might fix it.

    Fantastic! You’re right, it was a matter of erasing cache.
    Thank you again

    Excellent! I’m glad you have it working. Caching can sneak up on you like that.

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