Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

JcM Gallery Zoom and Popover


ce7

Recommended Posts

@JcMagpie  Hi Zahid,

came back from overseas, now start to continue to work on osc BS project and want to install all your addon. Start from the product zoom.

One tiny bug, the module name is cm_pi_gallery_cloud_zoom.php but on the language file it is cm_pi_gallery_popover.php and also need to add

   define('MODULE_CONTENT_PI_GALLERY_CLOUD_ZOOM_TITLE', '0152 Gallery Zoom and Popover');
  define('MODULE_CONTENT_PI_GALLERY_CLOUD_ZOOM_DESCRIPTION', '0152 Gallery Zoom and Popover');



after installed, not changing setting, somehow the product image will disappear, but if disable this module the product image can show up.
Is it the setting I need to change?
( the left is enable zoom, the right is disable/before install zoom moduel)

Zoom-01.thumb.PNG.a93927c2ea7a36c2a4d333328b5e6def.PNG

any suggestion that i can fix this problem?

Many thanks!  Lyn

 

 

Link to comment
Share on other sites

Sorry about that it looks like I put the wrong language file in last upload. It's been fixed and uploaded.

As to the missing image not sure. I would remove the add-on and use the new one and install again.

The fact that a image appears when you turn off the zoom addon’s tells me you have more than one gallery on the page in the same position!

For the cloud zoom you need to have the images in the correct place, make sure you have your thumb nail in correct directory and make sure your large image is the first one. Also the thumbnail must be the same name as the large image and in

Add your thumbnails to images/cloud_zoom_thumbnail/

As you can place the add-on anywhere on the product info page the default settings may not work on every install so you can edit them in admin to position the zoom window as required.

Also please remember this has only been tested on stock osC BS3 and BS4, I know others have had issues with it not working on old edge sites.

Unfortunately I can not modify for every old version.

You can see the add-on working on my test site which is a stock osC BS4 install.

https://chilleddisplays.co.uk/product_info.php/products_id/29

You should be able to check if you have a correct install by viewing the html cove on the webpage. If its installed corectly it should look like this.

<script type="text/javascript" src="ext/cloud/jquery.min.js"></script>
<link href="ext/cloud/cloud-zoom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ext/cloud/cloud-zoom.1.0.2.js"></script>
<div class="col-sm-12 cm-pi-gallery-cloud-zoom">
<div class="popup" onmouseover="myFunction()"><!--More Info and image zoom!-->
<span class="popuptext" id="myPopup">
    
      Name: &nbsp;Microsoft Arc Mouse<br>
      Model No. &nbsp;Test MSIMEXP<br>
      In Stock:&nbsp;0<br>
      Price:&nbsp;      <span class="productPrice">£79.99</span>          
        </span>
<!-------------------Zoom with tint new window start---------------------->   


      <a href='images/Microsoft Arc Mouse-l.jpg' class = 'cloud-zoom' 
      rel="tint: '#e65ef6',
      tintOpacity:0.5,
      smoothMove:5,
      zoomWidth:400,
      zoomHeight:300,
      adjustY:-4,
      adjustX:10">
       
        <img   src="images/cloud_zoom_thumbnail/Microsoft Arc Mouse-l.jpg" title="Microsoft Arc Mouse" alt="Microsoft Arc Mouse"/></a></div>
     
    

<!-------------------Zoom with tint new window end---------------------->  

If your still stuck, pm me a link and I will take a look.

 

image.png.ce09a87d43eb2328fbdd5521bc53cafd.png

 

Link to comment
Share on other sites

44 minutes ago, JcMagpie said:

Has been updated to V1.2 to allow popover to be edited in admin.

@JcMagpie Hi Zahid,

Thank you for the quick respond. Yes I have kiss thumbnail gallery installed, but not enabled (it helped the admin categories with thumbnails but always have the error messages. Not sure what I did wrong, and the the button will not sure up as expected on the front product page, so i set it as false and use default gallery one.) I also have the QR code installed, i think it is the one making the problem. I will try to install V1.2 first, and see how it go. If not working, I will try to uninstall QR code module and check the result. Will come back for updating later.

And this is the my source code looks like: (not sure why the price text not showing properly..)

image.png.ca3221636c58cab87bd6f22adc5e88a6.png

Thanks!  Lyn

Link to comment
Share on other sites

@JcMagpie  Hi Zahid,

Thank you for reply. I have 234.1 BS (Frozen) version, with different version of addons. (2.2/2.3/BS)..I also install the kiss Image, not sure why it always showing error message when adding the images from admin site, no solution so far, so i just leave it as it is....tried auto resize but it did not compatible with kissIT so comment out. I will try to install the one you suggest and see how it goes.... (I will try 1st with kissIT, if not working then uninstall kissit...)

Thanks!  Lyn

Link to comment
Share on other sites

On 11/26/2018 at 12:25 AM, ce7 said:

Thank you for reply. I have 234.1 BS (Frozen) version, with different version of addons. (2.2/2.3/BS)..I also install the kiss Image, not sure why it always showing error message when adding the images from admin site, no solution so far, so i just leave it as it is....tried auto resize but it did not compatible with kissIT so comment out. I will try to install the one you suggest and see how it goes.... (I will try 1st with kissIT, if not working then uninstall kissit...)

Thanks!  Lyn

You do not need to uninstall KissIt. You can use the tep_image_legacy function anywhere you do not wish to use image thumbnails or if you experience any problems/errors.

Link to comment
Share on other sites

8 hours ago, ce7 said:

After installed the QR code, it show up the QR code, but the original thumbnails will not show up....any idea what may cause this?

QR code has nothing to do with the images. Check that you have got the order corect in the page layout. Best to first place QR code last at bottom of page to make sure it is not conflicting with anything.

If still a problem then first check for script conflict in your browser inspect console. I know you can have issues when script is duplicated. So try to remove this script in QR code and see what happens. just comment it out

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

if still stuck pm me link and i will take a look. Oh by the way QR code in now included in the dynamic tabs add-on.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...