Home › Forums › Basel support forum › Product Page Image Popup

Product Page Image Popup

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 10, 2019 at 6:21 am #112056

    Xtolia
    Participant

    Hi Support,

    For the product page images I have the “Main image click action” setting turn on photoswipe popup… how can I make it that I can have the Show “Zoom image” icon as well? I want both ways just in case customers don’t see the magnify glass icon. Is there a css way or another plugin I would need to have it setup like that?? Please, advise thank you 🙂

    March 10, 2019 at 9:01 am #112065

    Artem Temos
    Keymaster

    Hello,

    You can override the file woodmart/woocommerce/single-product/product-images.php and replace these lines 

    <?php if ( $image_action != 'popup' && basel_get_opt('photoswipe_icon')): ?>
	<div class="basel-show-product-gallery-wrap"><a href="#" class="basel-show-product-gallery basel-tooltip"><?php _e('Click to enlarge', 'basel'); ?></a></div>
<?php endif ?>

    with this one

    <div class="basel-show-product-gallery-wrap"><a href="#" class="basel-show-product-gallery basel-tooltip"><?php _e('Click to enlarge', 'basel'); ?></a></div>

    Regards

    March 10, 2019 at 9:18 am #112067

    Xtolia
    Participant

    How do I go to the file to override the code? Can you guide me into the steps? Is it in the Appearance > Theme Editor.. then? Thank you

    March 10, 2019 at 10:53 am #112079

    Artem Temos
    Keymaster

    You need to connect your website files via FTP client like FileZilla. Then, copy that file to the exact path in your child theme and do the changes in the newly created file.

    March 10, 2019 at 2:56 pm #112120

    Xtolia
    Participant

    Okay in the first response you wrote mentioned “woodmart/woocommerce/single-product/product-images.php” but I am using the basel theme not the woodmart. So will the file that I am looking for should actually be named “basel/woocommerce/single-product/product-images.php” ??

    And when you say copy that exact path into the child theme… I’m guessing this “<div class=”basel-show-product-gallery-wrap”><?php _e(‘Click to enlarge’, ‘basel’); ?></div>”

    What folder the function or style? reference to image

    Attachments:
    You must be logged in to view attached files.
    March 10, 2019 at 4:35 pm #112138

    Artem Temos
    Keymaster

    Yes, sorry, the same path but in basel folder.

    You need to copy the whole file to the child theme at a similar path and then apply the code changes we gave you.

    March 10, 2019 at 5:02 pm #112143

    Xtolia
    Participant

    Okay thanks, last question we are almost there lol view attachment image for my question. Copy the whole single-product folder to basel child theme or only the product-image.php file?

    Attachments:
    You must be logged in to view attached files.
    March 10, 2019 at 5:11 pm #112146

    Xtolia
    Participant

    View attachment image please… that’s the only files I have in my basel child theme so I just copied the product-image.php file to the child theme and changed the code given. Does it look right to what I did?

    Attachments:
    You must be logged in to view attached files.
    March 11, 2019 at 7:12 am #112192

    Artem Temos
    Keymaster

    You need to copy that file only to the exact folder in the child theme basel-child/woocommerce/single-product/product-images.php

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)