Before you ask please READ THIS

how to customize woocommerce product archive page?

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 :-)
Capture2016-08-24.png
2362 x 1470 - 2M

Comments

  • AirAir
    Posts: 10,851
    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.
  • 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,851
    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!

In this Discussion