Okay
  Public Ticket #3034934
Removing the book layout on the main page and the on the cataloge page
Closed

Comments

  •  6
    mnikolett1982 started the conversation
    April 30, 2022 at 11:21am

    Hi!

    We are about to lunch our new bookstore site, but I would have a question. 

    We distribute CDs too. (and other products..) 

    What if, I would like to upload a CD product, which doesn't have a book size/layout. 

    How can I remove the book layout of the product image on the main site and on the catalog page to have an equally size image? Like 400x400 px? 

    Lets see here, what I'm talking about. 

    Can you help with this, please? 

    6448235854.png
    2819055856.png

    Thanks, 

    Nikolett

    [EDIT]

    Hi, can you help with this, please? We didn't know that these layouts are fixed.

    Thank you. 

  • [deleted] replied
    May 4, 2022 at 7:50am

    Hi Nikolett,

    Your provided WordPress credentials are not working for me, I get this error:

    Hiba: mnikolett1982 felhasználónévhez megadott jelszó nem megfelelő. Elfelejtett jelszó?

    But don't worry, I can also help you without login.

    Please add the code below to your Custom CSS area:

    .woocommerce .products .product .product-images:after {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    It will remove the left shadow that makes the images look like books in the catalog area.

    If you want to remove the book layout on the product page too, you can add this CSS code too:

    .woocommerce-product-gallery__image:after {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    Thanks!

  •  6
    mnikolett1982 replied
    May 4, 2022 at 11:36am

    Hi, 

    I'm not talking about this... 
    What we want is NOT moving the shadow, but the book FORMAT / layout, as I wrote... 

    "How can I remove the book layout of the product image on the main site and on the catalog page to have an equally size image? Like 400x400 px?" - This is what I asked.. 
    A CD is a square format, a book is a rectangular format. 
    How I could do this? 

    Nikolett

  • [deleted] replied
    May 5, 2022 at 6:48am

    Hi Nikolett,

    Sorry for the confusion.

    WooCommerce offers that option, to do that change please navigate to WordPress dashboard > Appearance > Customize > WooCommerce > Product Images > and choose the Uncropped option, so images will display using the aspect ratio in which they were uploaded.

    Thanks!

  •  6
    mnikolett1982 replied
    May 5, 2022 at 7:05am

    Awesome!

    Thank you!!

    Nikolett

  • [deleted] replied
    May 5, 2022 at 7:11am

    Hi Nikolett,

    Happy that this question is now resolved, and sorry for not understanding your question since the beginning and for the delay of the reply, that happened because we had a national holiday.

    Have a great day!

    P.S: If you enjoy our theme, we would really appreciate it if you can give it 5 stars in your Downloads tab.

    Thanks in advance!

  •  6
    mnikolett1982 replied
    May 5, 2022 at 7:14am

    Hi, 

    OK, that's not a problem. Thanks for your help! 
    I have given a 5stars. I like this theme. :)
    A might will have some more question in the future... 
    Have a great day! 

    Nikolett

  • [deleted] replied
    May 5, 2022 at 7:23am

    Thank you very much for your rating, we really appreciate thatsmile.png

    Sure, please don't hesitate to create a ticket, we will reply every working day!

    Have a wonderful day!