This topic has 2 voices, contains 1 reply, and was last updated by  TB Support 2121 days ago.

Image zoom hover control

ThemeBurn Support › Forums › OpenCart Themes › BurnEngine › Image zoom hover control

This topic has been marked as not resolved.

I just got BE. I cannot see, that I can edit the way the zoom effect on images work, or can I ? I would like to disable the hover on an image product, where Quickview is shown AND I would like to change the zoom effect on the main image in product view.
I have been using Magicthumb for years and I better like, that when you click on an image, the image zooms to fit whole screen and next click, the image goes back to normal size.

See it here in my shop that is NOT yet running BE

Otherwise: Excellent software !!

 
 michael4573
June 22, 2018 at 5:15 pm #64703

Hi,

First thanks for your kind words – we always try to improve BE to be the best theme software!

Now to your questions:

1) Changing product listing item hover effects and quickview position can be done from Theme settings > Store > Product listing:

https://i.imgur.com/6jVfdLj.png

2) About Magicthumb plugin – unfortunately it is not possible to replace the existing functionality easily. You can however disable the current zoom feature and leave only the popup image view. In fact it uses the same user experience flow as Magicthumb; it even has a better support for touch devices!

Here is how you can disable the zoom feature:

https://i.imgur.com/1991d2U.png
https://i.imgur.com/qOaMcwn.png

If you want to make the entire image clickable to zoom you need to add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

.tb_gallery .tb_fullscreen_button {
  width: 100%;
  height: 100%;
  opacity: 0;
}

Hope this is what you are looking for!

BR,
ThemeBurn team
 TB Support
July 4, 2018 at 2:24 pm #64759
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.