Jump to content

Recommended Posts

This is not meant to replace the stock gallery but to be used in conjunction with it. This will only show up on the products that have the extra images added. So for products of high value you can add additional high quality images and let your customers zoom in and see the quality and detail of the product.

 

 

JcM Gallery X-Cloud Zoom Multi. V1.0 Uses the x-zoom js script.

 

A simple add-on to let you add a zoom gallery which,

 

1) Allows zoom based on a small image and a large image (make the large a good quality image min 800 x800 px).

 

2) Dynamically adds caption displaying product name on the zoom image

 

It is intended for those products which benefit from a good quality image which people will prefer to take a close look at. It is designed to be used in addition to stock gallery and so will only show on products if a zoom image has been set up for the product.

 

You can have up to 4 images per product and will need to have 2 sizes of image for each. Must be jpg.

 

The small should 400x400px

The large should be minimum 800x800px and as good a quality as you can get.

 

The images need to be named using he $products_model with the suffix _l1 and _s1 applied accordingly.

 

So if we have a product with model number “Galaxy Tab S3” we will have two images named

 

Galaxy Tab S3_l1

Galaxy Tab S3_s1

 

The images need to be placed in the following directory's.

 

images/x_zoom_thumbnail_large/

 

images/x_zoom_thumbnail_small/

 

Sample images are provided in the relevant directory's so you can just copy over.

 

You can make changes in admin to styling and size/position of image caption.

 

Again totally standalone with no core code change or data base updates. Simply copy all files into relevant sections and go to admin modules /content and install.

 

Has been tested on CE BS4 and CE BS3 only.

 

That’s it enjoy!

image.png.5225e605ee265f83ce2a2b7b6f9cb3f3.png


 

Share this post


Link to post
Share on other sites
Posted (edited)

A problem has been pointed out to me with this addon. I use some new demo products on my test site so you may not have the test product I used in your stock test store. I have added the normal stock images for the Samsung Tab so if you copy these files as they are onto your site including directory's then that one product should show the zoom add-on.

As long as the images are in the correct directory's with the correct names it will just work. Just unzip and copy to your test site.

Test images are for product model "GT-P1000"

catalog-zoom.zip

image.png.e950d7c8582ab99632224a71ed145b5c.png

Edited by JcMagpie

 

Share this post


Link to post
Share on other sites

Has been updated to V1.3

Added FancyBox script to show large images in popup Modal window on  mouse click.  Zoom still fuctions as before. Add as some wanted to replace stock gallery.

Simply unistall old add-on first and then install new files and install add-on.

image.png.8721667d7688ad124d0dc2fd31314d8e.png


 

Share this post


Link to post
Share on other sites
On 1/5/2019 at 5:15 PM, JcMagpie said:

Demo of zoom addon.

Does this use any built in thumbnailer like kissitthumbnailer?

I have a stock product info which i added kissit thumbnailer.

 

Also does this have swipe functionality?

 

Share this post


Link to post
Share on other sites
Posted (edited)
5 hours ago, vampirehunter said:

Does this use any built in thumbnailer like kissitthumbnailer?

It is a true image zoom in that it uses 2 images, a thumbnail and a high resolutuin image. It handles all this itself. There is no point in trying to zoom a small poor quality image. The images are seperate from the main image gallary. So no thumbnailer is required.

Also if you are concerned about image size then simply use this add-on. It will automaticly take care of all image requirments and you do not need to worry about compatability with other add-on's. These days it's not about thumbnails that's old school! today you need to provide the correct size image for each device so if a customer has a phone with HD screen you provide a high quality image not a poor quality thumbnail. So this add-on will automaticly produce images of the required size for the customers device. All you need to do is have one good quality image. The best part is it will only do this when that image size is requested and only needs to do it once.

5 hours ago, vampirehunter said:

Also does this have swipe functionality?

Yes just test it on the test site on your phone 😊 https://chilleddisplays.co.uk/product_info.php/products_id/42

simply tap image and then swipe is activated so it will alow you to move the image around.

Edited by JcMagpie

 

Share this post


Link to post
Share on other sites
2 hours ago, JcMagpie said:

It is a true image zoom in that it uses 2 images, a thumbnail and a high resolutuin image. It handles all this itself. There is no point in trying to zoom a small poor quality image. The images are seperate from the main image gallary. So no thumbnailer is required.

Also if you are concerned about image size then simply use this add-on. It will automaticly take care of all image requirments and you do not need to worry about compatability with other add-on's. These days it's not about thumbnails that's old school! today you need to provide the correct size image for each device so if a customer has a phone with HD screen you provide a high quality image not a poor quality thumbnail. So this add-on will automaticly produce images of the required size for the customers device. All you need to do is have one good quality image. The best part is it will only do this when that image size is requested and only needs to do it once.

Yes just test it on the test site on your phone 😊 https://chilleddisplays.co.uk/product_info.php/products_id/42

simply tap image and then swipe is activated so it will alow you to move the image around.

Hi thanks

So do you have to upload images manually vis ftp or is it done via theproduct upload form in admin?

 

Share this post


Link to post
Share on other sites

you just upload by FTP it's all explaind in the install instructions. To upload using admin would require changes to category file! I know one or two users have adapted a number of mmy addons to do this so it's easy to do if you are happy changing core files and adding new tables to you db but as stock I do not do this or support it.

This way the add-on is stand alone and any changes to core software have no impact. It's actualy much quicker just to ftp them than add them one by one to each product.

Plus the add-on is built so it will only show on products that have the required image files so you do not need to make all the images at the same time. You can add them as you have time.


 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×