Return to previous page

Equal Column Height Product - by Savages

This topic has 13 replies, 3 voices, and was last updated 3 years, 3 months ago ago by Olga Barlow

Savages

Participant

December 23, 2020 at 21:13

Is there a way for Equal Column Heights using the Product category?

Please, contact administrator
for this information.

#265617 Copied Theme version: 7.2.2

12 Answers

Rose Tyler

Support staff

December 24, 2020 at 09:00

Hello,

Please provide URL of the page.

Regards

#265667 Copied

Savages

Participant

December 28, 2020 at 20:41

You have login has a landing page for it coming soon

Please contact administrator
for this information.

#266081 Copied

Savages

Participant

December 28, 2020 at 20:45

Anyway to edit the images on the shop page to as well to be full images instead of zooming in?

Please contact administrator
for this information.

#266082 Copied
Rose Tyler

Support staff

December 29, 2020 at 08:49
Hello,

1) Add the next code in Theme Options > Theme custom CSS. > Global custom CSS:
```
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}
.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
    margin-left: auto;
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}
```
2) Read this article – https://xstore.helpscoutdocs.com/article/89-product-images https://prnt.sc/wc2cl7

Regards
#266107 Copied
Savages

Participant

December 29, 2020 at 19:42

Thanks the equal height thing didnt seem to work.

#266177 Copied

Savages

Participant

December 29, 2020 at 23:36

Also seems my logo keeps disappearing??

Its set in the header theme for logo on all

#266193 Copied

Rose Tyler

Support staff

December 30, 2020 at 10:52

Hello,

1) On which page it doesn’t work? Provide URL and screenshot.
2) https://prnt.sc/wcvslj Reupload the logo image into your Media library so it comes from https , then re-select it in Theme Options > Header builder > Logo

Regards

#266233 Copied

Savages

Participant

December 30, 2020 at 20:45

1. https://ibb.co/yfz46nV
1. Homepage

2. Thanks ill give it a try

#266337 Copied

Savages

Participant

December 30, 2020 at 22:37

Also cant seem find how to be able to do a search bar like they have

https://www.mattressfirm.com/mattresses/?pmin=1%2C001.00&pmax=1%2C600.00&prefn1=warehouseIds&prefv1=040000%7CWEBONLY%7CEXCLUDEGEO&plp_ab_finance_ab_test=

#266344 Copied

Rose Tyler

Support staff

December 31, 2020 at 11:21

Hello,

1) It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.
3) I can’t open the link. Please provide a screenshot.

Regards

#266384 Copied

Savages

Participant

January 4, 2021 at 21:58

1. If its equal height it shouldnt matter what the image size is because it should make it as tall as the width of what ever image. So even image is shorter it would still be equal height.

#266717 Copied

Olga Barlow

Support staff

January 5, 2021 at 18:53

Hello,

If you don’t want to edit images before uploading them to your media but want to get the equal height then use the crop option for the images (Customizer > WooCommerce > Product images > use the crop option). There is no other option in WooCommerce settings to make images the same height.

What about search bar screenshot?

Regards

#266878 Copied
Viewing 13 results - 1 through 13 (of 13 total)