What Image Gallery Are You Using? Can You Help With A Recommendation?

Hi there,



I’m looking to other cs cart users for their views / advice on what image galleries they use.



I really like StellarBytes’ solution (http://forum.cs-cart…-image-gallery/) especially because it uses the built in code already, but (unless I’m wrong) it involves manually resizing the images for the thumbnails. Also, not sure how this would be implemented in v4?



What are others using?



Thanks

@No Expert,



If you are interested in the custom gallery, please contact us. Our team will be happy to create an unique module for you.

Hello,



Maybe our “Product image gallery” add-on will be helpful for you.



Sincerely yours,

CS-Market.

CS-Market,



can you please tell me a bit more about your add-on?


  1. Does it use the built-in Lightbox?

    Ideally we don't want loads more code running which will increase overheads.


  2. How future-proof is this in terms of new cs-cart versions?


  3. Can the gallery be used even on non-product pages, e.g. just a HTML page?



    Thanks

Desktop application re-sizes thumbnails and helps you build/customize layout and then you just copy and paste the the html to a page or block.

[quote name='requincreative' timestamp='1395419683' post='179801']

Desktop application re-sizes thumbnails and helps you build/customize layout and then you just copy and paste the the html to a page or block.

[/quote]



Thanks - what's the cost?

Also, would I need a separate commercial licence from Visuallightbox?

Visuallightbox license is free for non-profit use, so yes you would need a commercial single site license to comply with their License Agreement and to remove the water mark from the generated images.



For the cost of the integration with CS-Cart you can contact me http://securemyshop.com/contact-us.html

As previously noted there was more manual configuration than our polled customers wanted so we did not release this as a commercial addon.



Files must be copied between the desktop application and the addon files and some file paths must be edited

[quote name='No Expert' timestamp='1395412472' post='179790']

CS-Market,



can you please tell me a bit more about your add-on?


  1. Does it use the built-in Lightbox?

    Ideally we don't want loads more code running which will increase overheads.


  2. How future-proof is this in terms of new cs-cart versions?


  3. Can the gallery be used even on non-product pages, e.g. just a HTML page?



    Thanks

    [/quote]



    We are glad to answer your questions.


  4. Yes, our add-on can use any built-in previewer including Lightbox.


  5. We support our products and make them compatible with every new CS-Cart version in short terms. Also, purchasing a lisence of this add-on you will have the access to its future versions.


  6. Our add-on works only on product pages.



    If you have any additional requirements we'll be glad to implement them within our custom development service just contact us.



    Sincerely yours,

    CS-Market.

@requincreative, thanks but I agree the extra manual steps are a bit time consuming.



@CS-Market, how much would it cost to have the add-on available to for any HTML page?

[quote name='No Expert' timestamp='1395506630' post='179875']

@CS-Market, how much would it cost to have the add-on available to for any HTML page?

[/quote]



Please contact us with the details and our developers estimate this project in short terms.



Sincerely yours,

CS-Market.

@No Expert,



Are you mean the Pages functionality (Website > Content)? If yes, it is pretty simple to add gallery there. Just create the /design/themes/basic/templates/addons/my_changes/hooks/pages/page_extra.post.tpl file with the following content:


{include file="common/previewer.tpl"}




Be sure that it is have the 777 permissions.



After that all you need to do, is to add the “cm-previewer” class to the “a” tag and add the “data-ca-image-id” attribute to the “a” tag in order to define gallery id. For example in this way:


























More over. In CS-Cart v4 you can add the “[color=#000000]HTML block with Smarty support[/color]” block (For example at the footer) and place the {include file=“common/previewer.tpl”} code there. In this case you will be able to use gallery functionality at any page in CS-Cart.



If this functionality does not suits you, please contact us.



Thanks.

@eComLabs,



thank you very much for your reply.

That is exactly what I was after; I had not realised it would be so simple!



Two more questions:

  1. Is there anyway for the thumbnails to be auto-generated from the full size image (just like a product image)?


  2. What is the significance of the “[my_gallery_id]”?

    I left it unchanged but should I be replacing it with something else?



    Thanks again

@No Expert,


  1. Yes sure. In order to perform it, just place your images to the /images directory and use the following src for them:

    index.php?dispatch=image.thumbnail&w=[NEW_WIDTH]&h=[NEW_HEIGHT]&image_path=[IMAGE_PATH]



    for example like this:










2. It is just id of your gallery. For example if you need to place two separate galleries on one page, just use the different ids for them. for example in this way:






















Thankls

eComLabs - thanks for your response.



This is my code but I'm not seeing any thumbnails.








For the record, this works fine (but without the thumbnails of course:








Am I missing the obvious?

Thanks

@No Expert,



Let me explain. You have placed the images to the [CSCART_ROOT_DIR]/gallery_images directory. But the system looking for the images in the default [CSCART_ROOT_DIR]/images directory. So, when you specify the [color=#008800][size=2]image_path=gallery_images/1/test.jpg [/size][/color]parameter the system expects that real path of imeage will be the following: [CSCART_ROOT_DIR]/images/gallery_images/1/test.jpg . That is why the thumbnails are not generated. Just place the images to the “images” folder and use the thumbnail generator without the “images” prefix. In your case it should be the following:








Hope it will helps.

Perfect!

Really appreciate your help with this.

Hello I am trying this in 4.2.4

I have created a Custom block with smarty and using This



[color=#000088][/color]

[color=#000088][/color]

[color=#000088][/color]





It amost worksbut the Zoomed image is not centered in the box,an only shows half of it.



Also unsure as to where This goes…



{include file=“common/previewer.tpl”}



Everything is the same, with or without it in the custom block.



THANKS!!

[quote name='names' timestamp='1418576746' post='199705']

Hello I am trying this in 4.2.4

I have created a Custom block with smarty and using This



[color=#000088][/color]

[color=#000088][/color]

[color=#000088][/color]





It amost worksbut the Zoomed image is not centered in the box,an only shows half of it.



Also unsure as to where This goes…



{include file=“common/previewer.tpl”}



Everything is the same, with or without it in the custom block.



THANKS!!

[/quote]





[color=#000088][/color]

[color=#000000] [/color][color=#000088][/color]

[color=#000000] [/color][color=#000088][/color]

[color=#000000] [/color][color=#000088][/color]

[color=#000088][/color]