Product Page Image Popup

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 🙂

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

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

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.

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.

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.

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.

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.

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