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 10 July 2016 - 06:43 PM #21

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

 

 

 

Hi eComLabs,

 

your code activating the built-in previewer works really well.

I now want to use it in a simple responsive, bootstrap table, e.g.:

    <div class="row">
    <div class="col-md-3">
        <img src="http://placehold.it/200X200" class="img-responsive, center-block">
        <br/>
        <img src="http://placehold.it/200X200" class="img-responsive, center-block">
        <br/>
    </div>
    <div class="col-md-3">
        <img src="http://placehold.it/200X200" class="img-responsive, center-block">
        <br/>
        <img src="http://placehold.it/200X200" class="img-responsive, center-block">
        <br/>
    </div>
   <div class="col-md-3">
       <img src="http://placehold.it/200X200" class="img-responsive, center-block">
       <br/>
       <img src="http://placehold.it/200X200" class="img-responsive, center-block">
       <br/>
   </div>
   <div class="col-md-3">
       <img src="http://placehold.it/200X200" class="img-responsive, center-block">
        <br/>
       <img src="http://placehold.it/200X200" class="img-responsive, center-block">
       <br/>
    </div>
</div>

Can you please tell me how to combine the two codes so that both the CS Cart previewer and bootstrap are activated?

In particular combining all three classes, i.e. cm-previewer, img-responsive and center-block?

 

Thank you



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

Posted 11 July 2016 - 07:19 AM #22

Do not use comma (",") to separate classes, just use empty space (" ")


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 11 July 2016 - 10:31 PM #23

Thanks for your quick respond.

 

I must be doing something basic wrong.

I tried this:

<a class="cm-previewer img-responsive center-block" 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>

And also this:

<a 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="" class="cm-previewer img-responsive center-block"/> </a>

What am I doing wrong?

 

Thanks



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

Posted 12 July 2016 - 06:27 AM #24

It is required to examine issue directly on your server. Please PM me temporary FTP access


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 руб.