desktop column problem

Hi
I have such a problem after changing the mobile column
I made 3 columns on the desktop but it looks like 2

Attachments:

You must be logged in to view attached files.

Hello,

I have logged into your website and it seems that you are not using the latest version of the WoodMart theme.

Screenshot for Clarification: https://ibb.co/Cv8hV1K

Please make sure that you are using the latest version of the WoodMart theme and the recommended plugins.

Then Go to WoodMart >> CSS Generator >> Generate CSS file.

Clear cache and check back.

Best Regards.

Hi
I did what they said but it didn’t

?

Hello,

I have visited your website and the recommended plugins are still the old version. Please update all the recommended plugins. Then deactivate cache plugins, clear browser cache and check back.

Screenshot for Clarification: https://ibb.co/TmFYMvJ

Best Regards.

wp bakery is not updating
I get no update package warning

I also get the wp fastest cache warning
Update failed: The package could not be installed. PCLZIP_ERR_BAD_FORMAT (-10): Unable to find End of Central Dir Record signature

Hello,

Please take a complete backup of the website and then deactivate the old version of the Wp-Bakery page builder and then Update the plugin.

If you are still unable then provide with ftp details of the website to check it myself and update it for you.

Best Regards.

unfortunately i failed, i can’t update plugins and i have problems in my store page 🙁 please check and help me, i shared ftp information

Hello,

Your issue of the product columns has been resolved. You have used Custom CSS in Appearance >> Customize >> Custom CSS.

That was causing the issue. I have tested by removing the CSS and the columns are working absolutely fine on my end.

Screenshot for Clarification: https://ibb.co/w6TykKJ

Currently I have re added the CSS in that you can find out the specific CSS that is causing the issue in your case.

The FTP details that you provided are not working please provide with correct FTP/CPanel details to update the plugin for you.

Best Regards.

the reason I use this code is to prevent the attached disproportionate images
How do I get this layout without using this code?

attachment ;

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. It seems that you have enabled masonry grid from Theme Settings >> Shop >> Product Styles.

Screenshot for Clarification: https://ibb.co/N2CwpKQ

Please remove the Code you added and disable the masonry grid and check back.

Best Regards.

Hi
I tried this before, I shared it in the attachment
I cannot share these disproportionate images with my customers 🙁
It should be like my other website: ‘www.tasdekorasyon.com.tr’.
This is the normal one
please would you please share a clear solution
thank you

Attachments:

You must be logged in to view attached files.

it also looks like this on the homepage

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached and visited your website. It seems that you are using images of different sizes that’s why they are displayed like that.

The product images are controlled by WooCommerce and our theme doesn’t influence it. WooCommerce provides settings for the product images that you can find under Appearance >> Customize >> WooCommerce >> Product Images.

Screenshot for Clarification: https://ibb.co/kGpzwY8

You can set the image cropping according to your needs.

Best Regards.

You have posted this article 10 times.
it doesn’t work for me. I can’t believe the solution is that hard
all I want is that the pictures are on the website “www.tasdekorasyon.com.tr”
please can you offer the solution without throwing the same thing

Hello,

I have logged into your website and set the image thumbnail width of 300 and set the cropping to 1:1 from Appearance >> Customize >> WooCommerce.

Means that all the images will be cropped 300x300px on your website that’s how it works. It is working fine for the images that are greater than 300px in width but not for the product images that are less than 300px.

Screenshot for Clarification: https://ibb.co/L6WPxGv

As you can see most of the images you uploaded on your website are smaller in size. Please make sure that you have uploaded the images in large size and then set the cropping according to your need. This will fix the issue.

Best Regards.

you say i should play with the pictures one by one?
isn’t that ridiculous?
I used this code before updating and all images were automatically what I wanted
This will take me 1 week if I will deal as you say 🙂
All the images I uploaded on the http://www.tasdekorasyon.com.tr website had become this automatically
no solution?

the code I used before updating:
.woocommerce ul.products li.product .woocommerce-LoopProduct-link>: değil (: ilk çocuk) {
margin-top: 0;
}

.product-grid-item {
arka plan: #fff;
Çerçeve-yarıçapı: 5px;
marjı: 10px;
kutu gölgesi: 0 0 5 piksel rgba (0,0,0,0.1);
dolgu dipli: 15 piksel;
dolgu üstü: 15 piksel;
}
.product-image-link {
konum: göreceli;
dolgu üstü:% 100;
taşma: gizli;
sınır: 1 piksel katı # ee;
}
.product-grid-item .hover-img img, .product-grid-item .product-image-link img {
konum: mutlak;
üst: 0;
sağ: 0;
alt: 0;
sol: 0;
kenar boşluğu: otomatik;
Ekran bloğu;
maksimum genişlik:% 100;
maksimum yükseklik:% 100;
Nesne-fit: ihtiva etmektedir;
}
.woodmart-tab-content .product-grid-item.col-md-3 {
flex: 0 1 kalk (% 20 – 20 piksel);
}
. ürün-grid-item.col-md-3 {
flex: 0 1 kalk (% 25 – 20 piksel);
}
. ürün-grid-item.col-md-4 {
flex: 0 1 kalk (% 33 – 20 piksel);
}

@media (maks. genişlik:
600 piksel ) { .product-grid-item.col-md-4,
.woodmart-tab-content .product-grid-item.col-md-3, .product
-grid-item. col-md-3 {
flex: 0 1 kalk (% 50 – 20 piksel);
}
}

correction;
the code I used before updating:
.woocommerce ul.products li.product .woocommerce-LoopProduct-link > :not(:first-child) {
margin-top: 0;
}

.product-grid-item{
background:#fff;
border-radius:5px;
margin:10px;
box-shadow:0 0 5px rgba(0,0,0,0.1);
padding-bottom:15px;
padding-top:15px;
}
.product-image-link{
position: relative;
padding-top: 100%;
overflow: hidden;
border:1px solid #eee;
}
.product-grid-item .hover-img img, .product-grid-item .product-image-link img{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
object-fit:contain;
}
.woodmart-tab-content .product-grid-item.col-md-3{
flex: 0 1 calc(20% – 20px);
}
.product-grid-item.col-md-3{
flex: 0 1 calc(25% – 20px);
}
.product-grid-item.col-md-4{
flex: 0 1 calc(33% – 20px);
}

@media (max-width:600px){
.product-grid-item.col-md-4,
.woodmart-tab-content .product-grid-item.col-md-3,
.product-grid-item.col-md-3{
flex: 0 1 calc(50% – 20px);
}
}

Product images sizes are fully controlled by WooCommerce and our theme has no influence for them. The code you sent seems to be related to some other theme and we don’t how it supposed to work. WooCommerce product images can be controlled via Appearance -> Customize -> WooCommerce -> Product images. You can switch to the default WordPress theme on your current website and see how it works. The only right way to make all products have the same proportion is to set 1:1 crop in WooCommerce customizer. If you will have any questions, feel free to contact us and I will do my best to help you.

[Author]

Posts