product category image alignment

sdkeeper
(@sdkeeper)

5 years, 4 months ago

Hi;
Product category images used for subcategories in two categories plus the Shop page are usually aligned horizontally. Suddenly they have become lined up vertically, going down past the footer of website.
I have done all troubleshooting with Health Check. I have contacted theme developer. I have found the issue is likely to do with woocommerce, the last update perhaps.
Product category images are 270×135
Below are site settings:

Cutomizing woocommerce>Product catalog is set to Page Display Show categories, Category dispay>show subcategories
Cutomizing woocommerce>Product Images are set as Main image width 300
Thumbnail width 270 and thumbnail cropping is set to uncropped
If I set thumbnail cropping to 1:1 the images stretch across page and still in vertical alignment.
I would like the product category images (which are subcategories to category) to align horizontal again, like they were and always have been.
Example for subcategories
Site has categories A B C D
Under B & C are several subcategories which I set in product categories, each with an image of 270×135. When I click on category B or C that is where the subcategories are aligned vertically instead of horizontally.
This vertical alignment is also happening on my shop page that has simply three categories.

In theme virtue free theme, under theme options>shop settings>shop category Image size>category image aspect ratio I have set to turned off.
To the above shop settings in theme, I have the Enable Product image crop on catalog pages set to turned off. It says there if turned off image dimensions are set by woocommerce settings – recommended width:270px for catalog images
Next is Enable Product Image Crop on product page, It says if turned off image dimensions are set by woocommerce settings – recommended width 468px for Single product image.
It is set to on. Tested it with it off and nothing changed. Product images is not the problem it is the alignment of the product category images that when created, become subcategories of product categories. Then have become vertically aligned. They have to be horizontally aligned, side by side.
How may I please align product category>subcategory images horizontally again, as well as the category images that are on the shop page?
Reluctant to post url because when I did before on wordpress.org for support on something unrelated, years ago, I got spammed heavily which has become a huge problem now. Is there another way?
Thank you.

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

Thread Starter sdkeeper
(@sdkeeper)

5 years, 4 months ago

Just chiming in since haven’t seen a support response. All is up to date and health check troubleshooting done. Problem remains. Please help. Thank you.
Robert Ghetau
(@robertghetau)

5 years, 3 months ago
Hi there @sdkeeper ,

The issue you’re facing appears to be related to the current styling of the theme and its page templates. I was able to adjust the current behavior of the page by adding this CSS code in Customize > Additional CSS field:
```
body.archive.tax-product_cat div#product_wrapper {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
}

body.archive.tax-product_cat .kt-woo-category-links h5 {
   padding-left: 20px
}

body.archive.tax-product_cat li.product-category.product::marker {
    color: transparent;
}
```
I can recommend checking this further with the developers of the Virtue theme for further assistance and compatibility with the latest version of WooCommerce.

I hope this helps!

Warm regards,
Thread Starter sdkeeper
(@sdkeeper)

5 years, 3 months ago

Thank you for taking the time and effort to figure that out. I passed the info along. You’re brilliant. Stay Well.

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

The topic ‘product category image alignment’ is closed to new replies.

Tags