Product category box size

  • Resolved ondatree

    (@ondatree)


    8 years, 10 months ago

    I have some problems with seting the box size on the product catalogue page.
    I already found some solutions here on the forum how to align boxes and how to change product box size, but I need to have “vlozit do kosika” (add to cart) description and price at the bottom of the box, or strech the box together with the price, description and “vlozit do kosika”.

    Hope this is understandable.
    My site is :

    https://www.blacktrail.sk

    https://www.blacktrail.sk/kategoria-produktu/bike/

    What I already added to custom css:

    .products .product {
    min-height: 350px;
    }

    #product_wrapper .tcol-md-3 {
    min-height: 350px;
    }

    Thank you

Viewing 8 replies - 1 through 8 (of 8 total)

  • The reason that some of your products are displaying at much smaller heights than others is because of how small the images you’re using are. You should be using larger images for your products, at least as large as the other products that are displaying correctly.

    Once you get the image sizing sorted, you’ll also want to go to Appearance> Theme Options> Shop Settings, and adjust your “Product title Min Height” to get things aligned even better.

    Try that out and let me know if it helps!

    Thread Starter ondatree

    (@ondatree)

    Product title Min Height did the trick. Worked like a charm! Thank you a lot…

    Hi, I have another question about the appearance of product listing.
    Product Min Height works fine. But I have some products with no price. So the “Add to cart button” goes high and they “add to cart buttons” are not in the same level in the row.

    How may I modify my css to have the effect of having “Add to cart” button (or “Read more”) in the same level?

    Hello brabrakadabra,

    In the future, please start a new topic for all support questions. Thanks!

    Can you post a link to your store so that I can take a look at how it’s currently displaying?

    -Kevin

    The shop is on a localhost as it is under construction.
    But this is the screenshot:
    https://drive.google.com/open?id=0B1r1Xl6JJJwnMU1TYXF4dkF4VzA

    I don’t believe that the products can display evenly without a price. It seems odd to me that you would have products without prices though.

    What is the method for selling the products if they have no price?

    -Kevin

    Hmm. Woocommerce has this option built in – you can check it!
    We are a company which sells complicated devices with many aplications. Sometimes we present a product and ask client to send a quotation. Prices are different according to applications that devices have.

    As I can understand – you didn’t plan css for no-price products.

    Thank you for your help.

    Regards

    You can do a little css trick like this:

    .product_item .kad_add_to_cart {
    margin-top: 32px;
}
.product_item .price {
    margin-bottom: -32px;
}

    Kadence Themes

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Product category box size’ is closed to new replies.