Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • December 10, 2017 at 4:23 pm #887108
    phamosa

    Hi, I would like to have NO transition effect and no border around the photos displayed on the woocommerce single view.

    Example:

    Abdeckstift

    I tried with this in the quick css but it didn’t work (I’m still a beginner…)

    .woocommerce-product-gallery woocommerce-product-gallery–with-images woocommerce-product-gallery–columns-4 images {
    transition: none !important;
    }

    Thank you!
    Carolin

    December 11, 2017 at 12:44 pm #887349
    Victoria

    Hey phamosa,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    December 11, 2017 at 1:55 pm #887394
    phamosa

    I’ve already sent the login credentials.. please see below

    December 12, 2017 at 11:07 am #887817
    Victoria

    Hi Carolin,

    This is all I see when I log in, it is not the WordPress dashboard. And I don’t see a gallery on a single product page, only one image. Can you give us a link where there is a gallery?

    Best regards,
    Victoria

    December 12, 2017 at 11:44 am #887850
    phamosa

    When you have successfully locked in, you can choose any product in the shop to see the effect
    for example this one

    Foundation

    December 12, 2017 at 1:42 pm #887922
    Victoria

    Hi,

    Best regards,
    Victoria

    December 12, 2017 at 1:50 pm #887930
    phamosa

    Ok, sorry, you wanted to log into the backend.
    I changed the role of the user to “administration” – please try to log in with the same credentials.

    Thanks
    Carolin

    December 12, 2017 at 3:31 pm #887965
    Victoria

    Hi Carolin,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.template-shop .single-product-main-image .images a {
  border: none;
}
 .avia_transform .woocommerce-product-gallery__image  a:hover .image-overlay {
  display: none !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 12, 2017 at 11:38 pm #888104
    phamosa

    Ciao Victoria,

    is it correct that I put it into the enfold child/style.css file?

    It still doesn’t work and the photo still moves when you move the mouse on top of it.
    Same if I put it into the Quick Css in the backend.

    Could you please check?

    Thanks again!!

    December 13, 2017 at 11:11 pm #888599
    Basilis

    Hi,

    http://www.cms.rozelle.de/wp-content/themes/enfold-child/style.css?ver=4.1

    I loaded your style.css fine and I cant seem to find the code?

    Best regards,
    Basilis

    December 13, 2017 at 11:40 pm #888629
    phamosa

    Hi Basilis,
    I put it into the css file of the child theme and asked Victoria if that was correct.
    If you cannot find the code, it was probably wrong and it has to go into the css file in the Enfold folder?

    Thanks
    Carolin

    December 16, 2017 at 9:06 pm #889691
    Victoria

    Hi phamosa,

    Looks like you have the WooCommerce zoom feature enabled but not really working properly. That is not something that is fixed but css.

    Best regards,
    Victoria

    December 16, 2017 at 11:11 pm #889718
    phamosa

    Hi Victoria,
    I don’t understand your reply.
    What do I have to do to disable the effect?
    Is the code that your colleague sent not correct?

    Thanks
    Carolin

    December 18, 2017 at 8:51 pm #890238
    Victoria

    Hi Carolin,

    Do you mean you want to disable the WooCommerce zoom? Just show images?

    Best regards,
    Victoria

    December 18, 2017 at 10:15 pm #890268
    phamosa

    Yes exactly. No zoom, no pop up upon click, just the image.

    Thank you!!
    Carolin

    December 19, 2017 at 12:14 pm #890429
    Victoria

    Hi Carolin,

    There is a solution here
    https://generatepress.com/forums/topic/remove-zoom-effect-on-woocommerce-product-image/

    Disable WooCommerce 3.+ Zoom

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 7 years ago by Victoria.
    December 24, 2017 at 2:49 pm #891941
    phamosa

    Hi Victoria,

    thank you! I added the code to the functions.php and it indeed removed the zoom effect. Now there’s still the popup that opens up when you click on the picture. How can I remove that, too?

    Thank you, have a great Christmas!
    Carolin

    January 3, 2018 at 3:15 am #892695
    Ismael

    Hi,

    That is the theme’s default lightbox feature. You can disable the “Lightbox Modal Window” option in the Enfold > Theme Options panel. Please note that this will disable the lightbox feature completely.

    Best regards,
    Ismael

    January 3, 2018 at 10:13 pm #892926
    phamosa

    Hi Ismael,
    I disabled the lightbox modal window but the lightbox still shows when I click on a product image. Could you please check again?

    Thanks, best regards
    Carolin

    January 3, 2018 at 11:12 pm #892953
    Jordan Shannon

    Hi,

    Do you have any other gallery plugins installed?

    Best regards,
    Jordan Shannon

    January 3, 2018 at 11:19 pm #892957
    phamosa

    No, nothing at all, just the usual WooCommerce plugin.

    January 4, 2018 at 7:15 am #893128
    Ismael

    Hi,

    The lightbox is already disabled. Please add this code in the Quick CSS field to disable the link completely.

    .single-product .product div.images a {
    pointer-events: none;
}

    Best regards,
    Ismael

    January 4, 2018 at 11:16 pm #893456
    phamosa

    Ok this is exactly what I needed! Thank you so much!

    January 4, 2018 at 11:27 pm #893461
    Jordan Shannon

    Hi,

    I’m glad this was solved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘Disable transition effect on hover woocommerce single view product + border’ is closed to new replies.