Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

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

 
  • No Expert
  • Member
  • Members
  • Join Date: 10-Feb 13
  • 48 posts

Posted 20 March 2014 - 11:15 PM #1

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

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19786 posts

Posted 21 March 2014 - 08:55 AM #2

@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.

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • CS-Market
  • Senior Member
  • Authorized Reseller
  • Join Date: 06-Mar 13
  • 676 posts

Posted 21 March 2014 - 09:07 AM #3

Hello,

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

Sincerely yours,
CS-Market.

GET A FREE QUOTE  │  CS-Cart add-ons   │   CS-Cart custom development   │  CS-Cart design integration  │  CS-Cart license

Сертифицированный разработчик на CS-Cart Русская Версия. More than 5 years experience in CS-Cart development.


 
  • No Expert
  • Member
  • Members
  • Join Date: 10-Feb 13
  • 48 posts

Posted 21 March 2014 - 02:34 PM #4

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

 

Posted 21 March 2014 - 04:33 PM #5

http://forum.cs-cart...__fromsearch__1

Jeremy
Requin Creative Group
CS-Cart License | CS-Cart Addons


 

Posted 21 March 2014 - 04:34 PM #6

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.

Jeremy
Requin Creative Group
CS-Cart License | CS-Cart Addons


 
  • No Expert
  • Member
  • Members
  • Join Date: 10-Feb 13
  • 48 posts

Posted 21 March 2014 - 04:47 PM #7

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.


Thanks - what's the cost?
Also, would I need a separate commercial licence from Visuallightbox?

 

Posted 21 March 2014 - 07:25 PM #8

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....contact-us.html

Jeremy
Requin Creative Group
CS-Cart License | CS-Cart Addons


 

Posted 21 March 2014 - 08:17 PM #9

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

Jeremy
Requin Creative Group
CS-Cart License | CS-Cart Addons


 
  • CS-Market
  • Senior Member
  • Authorized Reseller
  • Join Date: 06-Mar 13
  • 676 posts

Posted 22 March 2014 - 09:24 AM #10

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


We are glad to answer your questions.

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

2. 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.

3. 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.

GET A FREE QUOTE  │  CS-Cart add-ons   │   CS-Cart custom development   │  CS-Cart design integration  │  CS-Cart license

Сертифицированный разработчик на CS-Cart Русская Версия. More than 5 years experience in CS-Cart development.


 
  • No Expert
  • Member
  • Members
  • Join Date: 10-Feb 13
  • 48 posts

Posted 22 March 2014 - 04:43 PM #11

@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?

 
  • CS-Market
  • Senior Member
  • Authorized Reseller
  • Join Date: 06-Mar 13
  • 676 posts

Posted 22 March 2014 - 07:40 PM #12

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


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

Sincerely yours,
CS-Market.

GET A FREE QUOTE  │  CS-Cart add-ons   │   CS-Cart custom development   │  CS-Cart design integration  │  CS-Cart license

Сертифицированный разработчик на CS-Cart Русская Версия. More than 5 years experience in CS-Cart development.


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19786 posts

Posted 22 March 2014 - 09:37 PM #13

@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:

<a class="cm-previewer" href="images/gaifulin1.jpg" data-ca-image-id="preview[my_gallery_id]">
	  <img src="images/gaifulin1_small.jpg">
</a>

<a class="cm-previewer" href="images/gaifulin2.jpg" data-ca-image-id="preview[my_gallery_id]">
    <img src="images/gaifulin2_small.jpg">
</a>

<a class="cm-previewer" href="images/gaifulin3.jpg" data-ca-image-id="preview[my_gallery_id]">
    <img src="images/gaifulin3_small.jpg">
</a>

<a class="cm-previewer" href="images/gaifulin4.jpg" data-ca-image-id="preview[my_gallery_id]">
    <img src="images/gaifulin4_small.jpg">
</a>

<a class="cm-previewer" href="images/gaifulin5.jpg" data-ca-image-id="preview[my_gallery_id]">
     <img src="images/gaifulin5_small.jpg">
</a>

More over. In CS-Cart v4 you can add the "HTML block with Smarty support" 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.

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • No Expert
  • Member
  • Members
  • Join Date: 10-Feb 13
  • 48 posts

Posted 23 March 2014 - 10:40 PM #14

@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

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19786 posts

Posted 24 March 2014 - 08:05 AM #15

@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:

<a class="cm-previewer" href="images/gaifulin1.jpg" data-ca-image-id="preview[my_gallery_id]">
	<img src="index.php?dispatch=image.thumbnail&w=200&h=100&image_path=gaifulin1.jpg">
</a>

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:

<a class="cm-previewer" href="images/gaifulin1.jpg" data-ca-image-id="preview[gallery_1]">
		  <img src="images/gaifulin1_small.jpg">
</a>
<a class="cm-previewer" href="images/gaifulin2.jpg" data-ca-image-id="preview[gallery_1]">
	<img src="images/gaifulin2_small.jpg">
</a>
<a class="cm-previewer" href="images/gaifulin3.jpg" data-ca-image-id="preview[gallery_1]">
	<img src="images/gaifulin3_small.jpg">
</a>
<a class="cm-previewer" href="images/gaifulin4.jpg" data-ca-image-id="preview[gallery_2]">
	<img src="images/gaifulin4_small.jpg">
</a>
<a class="cm-previewer" href="images/gaifulin5.jpg" data-ca-image-id="preview[gallery_2]">
	 <img src="images/gaifulin5_small.jpg">
</a>

Thankls

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • No Expert
  • Member
  • Members
  • Join Date: 10-Feb 13
  • 48 posts

Posted 31 March 2014 - 09:55 PM #16

eComLabs - thanks for your response.

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

<a class="cm-previewer" href="gallery_images/1/test.jpg" data-ca-image-id="preview[my_gallery_id]"> <img src="index.php?dispatch=image.thumbnail&amp;w=200&amp;h=100&amp;image_path=gallery_images/1/test.jpg" alt="" /> </a>

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

<a class="cm-previewer" href="gallery_images/1/test.jpg" data-ca-image-id="preview[my_gallery_id]"> <img src="gallery_images/1/test.jpg" alt="" /> </a>

Am I missing the obvious?
Thanks

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19786 posts

Posted 01 April 2014 - 09:00 AM #17

@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 image_path=gallery_images/1/test.jpg 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:

<a class="cm-previewer" href="images/gallery_images/1/test.jpg" data-ca-image-id="preview[my_gallery_id]"> <img src="index.php?dispatch=image.thumbnail&amp;w=200&amp;h=100&amp;image_path=gallery_images/1/test.jpg" alt="" /> </a>

Hope it will helps.

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • No Expert
  • Member
  • Members
  • Join Date: 10-Feb 13
  • 48 posts

Posted 03 April 2014 - 06:44 PM #18

Perfect!
Really appreciate your help with this.

 
  • names
  • Member
  • Trial users
  • Join Date: 02-Dec 14
  • 25 posts

Posted 14 December 2014 - 05:05 PM #19

Hello I am trying this in 4.2.4
I have created a Custom block with smarty and using This <Sorry code button wont work on forum!!>

<a class="cm-previewer" href="images/gaifulin1.jpg" data-ca-image-id="preview[my_gallery_id]">
<img src="images/gaifulin1_small.jpg">
</a>


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!!

 
  • kaddy
  • Senior Member
  • Trial users
  • Join Date: 29-Nov 14
  • 167 posts

Posted 18 December 2014 - 03:10 PM #20

Hello I am trying this in 4.2.4
I have created a Custom block with smarty and using This <Sorry code button wont work on forum!!>

<a class="cm-previewer" href="images/gaifulin1.jpg" data-ca-image-id="preview[my_gallery_id]">
<img src="images/gaifulin1_small.jpg">
</a>


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!!



<div class="cm-preview-wrapper">
<a id="det_img_link_ID" data-ca-image-id="preview[custom_images_ID]" class="cm-image-previewer cm-previewer previewer" href="/image.jpg">
<img class="pict" id="det_img_ID" src="image_small.jpg" width="300" height="203">
</a>
</div>