zoom in single product page image

  • Resolved ashop1

    (@ashop1)


    3 years, 6 months ago

    hello implement this function: https://www.w3schools.com/howto/howto_js_image_zoom.asp and it was perfect but in the default image.

    I use the wcfm plugin but I don’t think that influences it, if so I check with them.

    what I need, if you can help me, is to know where to place the class tags so that it works with the loaded images and not just with the default image of the product.

    at the moment I did this in product-image.php:

    $ html = ‘<div class = “woocommerce-product-gallery__image – placeholder”>’;
    $ html. = ‘<div class = “img-zoom-container”>’;
    $ html. = sprintf (‘% s‘, esc_url (wc_placeholder_img_src (‘woocommerce_single’)), esc_html__ (‘Awaiting product image’, ‘woocommerce’));
    $ html. = ‘<div id = “myresult” class = “img-zoom-result”> </div>’;
    $ html. = ‘</div>’;

    can you tell me where is the div from: .woocommerce div.product div.images img

    So I can add the tags there to make it work with the loaded images?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter ashop1

    (@ashop1)

    look, here it works: https://www.avellanedashop.com/publicacion/denim-blue-jeans/

    but not here: https://www.avellanedashop.com/publicacion/121323/

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    At the moment, there’s no default option for that in WooCommerce and setting that as the default would require quite a bit of additional coding. Please kindly note that this requires some custom coding – which goes beyond the scope of support we are able to provide in this forum.

    If you do require more help with the actual coding, we’d recommend you hire a developer who can take a look at this, quote you for their services and help you add this feature to your site. We’d recommend getting in touch with a web developer or one of the customisation experts listed at https://woocommerce.com/customizations/.

    Cheers.

    Thread Starter ashop1

    (@ashop1)

    I ask you a question, the woocommerce image template on the product page is the one I told you to edit in my previous comment or is there any more related to the product image on the single product page ??????

    Plugin Support Shohan Hossain Nabil – a11n

    (@sohanhossain)

    Hello,

    There hasn’t been much activity on this thread, so I recommend visiting the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. Those are the best places to get assistance related to customization.

    Thanks!

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘zoom in single product page image’ is closed to new replies.