›
Before you ask please READ THIS

how to customize woocommerce product archive page?

coris8coris8
in Fame Posts: 62
Hi Air, I would like to customize a bit the product archive pages. For instance the price appears now next to the product title under the product thumbnail, and I'd like to have the price showing below the product title instead. Can you tell me where I can modify this? and how?
Thanks :-)

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    You can add such custom CSS: 

    ul.products .product-meta,
    ul.products .product-meta .product_price,
    ul.products .product-meta .name_cat {
        display: block;

    }
    Should do it :-)

    With kind regards.
  • coris8coris8
    Posts: 62
    Awesome it works :-) any Idea how I can add some more space between product title and price? sometimes the price looks a bit too close to the text.
    Thanks :-)
  • AirAir
    Posts: 10,970
    It is simple CSS, like this one: 
    ul.products .product-meta .product_price{
        margin-top: 10px;
    }
    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Quick Links

Categories

In this Discussion