Home Forums WoodMart – Premium Template desktop column problem

This topic contains 20 replies, has 3 voices, and was last updated by Artem Temos Artem Temos 2 days, 19 hours ago.

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #196071

    umitcanyavuz
    Customer

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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #196096

    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.

    #196429

    umitcanyavuz
    Customer

    Hi
    I did what they said but it didn’t

    #196562

    umitcanyavuz
    Customer

    ?

    #196563

    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.

    #196564

    umitcanyavuz
    Customer

    wp bakery is not updating
    I get no update package warning

    #196565

    umitcanyavuz
    Customer

    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

    #196598

    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.

    #196873

    umitcanyavuz
    Customer

    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

    Private Content Hidden
    #196900

    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.

    #196929

    umitcanyavuz
    Customer

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

    Private Content Hidden
    #196930

    umitcanyavuz
    Customer

    attachment ;

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #196947

    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.

    #197189

    umitcanyavuz
    Customer

    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

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #197199

    umitcanyavuz
    Customer

    it also looks like this on the homepage

    Attachments:
    You must be logged in to view attached files.
    #197211

    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.

    #197217

    umitcanyavuz
    Customer

    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

    #197224

    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.

    #197235

    umitcanyavuz
    Customer

    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);
    }
    }

    #197236

    umitcanyavuz
    Customer

    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);
    }
    }

    #197327

    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.

Viewing 21 posts - 1 through 21 (of 21 total)

You must be logged in to reply to this topic.