karenelated

hi Bruce

They have stopped.

thanks!

Karen

Hi Henning

You solved it! I simply removed the Elementor responsive display/hide settings.

There are currently 340 ads that are all assigned to different randomly revolving groups so I wouldn’t know what specific ads you’re referring to, only the placement.

Thank you so much ??

Karen

still not centered, but I give up on that.

Hi Saif

I fixed it!

https://www.loom.com/share/87d10989e4474e299cb8daf62031052f?sid=e5abee61-b03f-4aa0-ae6b-2db4ad353329

.primary .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: auto !important;
max-width: 240px;
margin: 0 auto !important;
object-fit: contain !important;
display: block;
}

.woocommerce ul.products li.product a img {
width: auto;
height: 270px;
object-fit: contain;
}

thanks for your help!

Karen

• This reply was modified 1 year, 3 months ago by karenelated.
• This reply was modified 1 year, 3 months ago by karenelated.
• This reply was modified 1 year, 3 months ago by karenelated.
• This reply was modified 1 year, 3 months ago by karenelated.

Hi Saif

Thanks for taking the time. Unfortunately that doesn’t work. You actually chose to use the product images from the merchants that do provide square images with aspect ratio 1:1, so while the margins improved for those products, the products that are causing the issue with all different aspect ratios like 1:2 cannot have auto height.

This is why: https://www.loom.com/share/d7329fcdf3124d6d8adc214679c520e0?sid=2f2f27ef-97f3-4322-aad0-ada7f8c07245

The developers already added object fit code to the fixed height so it should have fixed the issue. When you removed the fixed height from the code the image didn’t fit the container, rather, the container got bigger to fit the image and it’s even more apparent that the image aspect ratios are not the same because they are all different sizes now.

So, the container needs to stay at 240px and the image needs to fit that container, so some images will be 90% and some need to be much more because their aspect ratio is not square.

Thanks

Karen

Hi Saif

Thanks for reviewing the site.

If you look at this merchant’s products, 99% of them are cropped and some are not center aligned.
https://elatedvegan.health/shop/?filter_merchant=vitacost&query_type_merchant=or

Here is another merchant with correctly formatted images where you can see the whole products.
https://elatedvegan.health/shop/?filter_merchant=macrolife-naturals-inc&query_type_merchant=or

But I guess the most important factor is to have them center aligned as this is very obvious on mobile.

Could WooCommerce not make that a standard setting, that products are center aligned in the block?

If you know code that will work that’d be great, but I’ve tried many variations of code to center align them and none of it works.

Regards

Karen

Thank you Roxy!

P.S. I’m referring to the variation options — which I’ve deleted as I don’t know how to hide the prices.

• This reply was modified 1 year, 6 months ago by karenelated.

1. I don’t have a Pro account for this website so I cannot open a ticket. That’s why I’m following your instructions on the support page to ask my question in the forum.
2. My query was over a week ago. The staging site has been deleted. And the site has been published.

To get around the issue I formatted the short description to include the product title.

You can see it in action on the shop page here with EHF activated:
https://karenjohnson.online/shop/

Or on a single product page here:
https://karenjohnson.online/product/va/

Here is a screenshot with EHF deactivated that shows the title repeated.
https://scrnli.com/files/UZ1b8mtvnc8SFZ

Any suggestions for me? I need to publish the site.

I’ll have to recreate the headers and footers in Astra if you can’t help me.

It has also stopped the page titles from showing in Gutenberg.

except the other site uses Elementor Pro… Could that be the reason?

Hi

Any feedback for me please?

I have another site using the same theme and most of the same plugins and it works fine. Different hosting company, that’s the only difference.

Karen

Hi

I have the same issue. I have deactivated everything including the caching plugin, except Elementor, Elementor Header & Footer and WooCommerce and activated the 2023 WP theme and the product title is still not showing up.

An example on the staging site here: https://wcerrors.karenjohnson.online/product/social-media-management/

Thanks

Karen

hi Peter

thanks for that link! It did empty automatically. I’m moving to a host that allows a 3GB database to allow for the fluctuations.
Karen