Jump to content
FWR Media

KissIT Image Thumnailer

Recommended Posts

Hello Shaun,

The original is called " Gallery ".

If you do not have it in your content module list and probably no other module than the KissIt Gallery in the product_info list, then you are not using the modular product_info page. In that case you can't use the KissIt Gallery module, you have to apply the modifications in your product_info page file, what you might already have done if you updated. Just uninstall the KissIt Gallery module.

Share this post


Link to post
Share on other sites

Thank you for that Rainer.

All sorted, back to the usual number of images👍

Regards Shaun

Share this post


Link to post
Share on other sites

When upgrading to Bootstrap 4 should img-responsive be changed to img-fluid in the tep_image function?


The water in a vessel is sparkling; the water in the sea is dark. The small truth has words which are clear; the great truth has great silence.

- Rabindranath Tagore

Share this post


Link to post
Share on other sites

Wondering about using this great addon with Lightbox instead of Colorbox? Is possible?


The water in a vessel is sparkling; the water in the sea is dark. The small truth has words which are clear; the great truth has great silence.

- Rabindranath Tagore

Share this post


Link to post
Share on other sites

Hello Eric,

I didn't try, but it should.

KissIt Image Thumbnailer needs 2 conditions to work on images:

1. the tep_image function must be used for the image call

2. a valid image size (width and height) must be passed through the tep_image function. THis is only needed to create a smaller image, if no size is passed. a thumb with the original image size will be created if waterrmark is used. THis is useful for the full size pop-up.

Now it depends on the lightbox coding if you can use the provided code for colorbox or if you need to tweak the code for lightbox.

If you do not need watermark and do not have a lot of product images, you may just leave out the whole product image gallery without too much inconvenient.

Share this post


Link to post
Share on other sites

Hi,

What is the best way to change the orientation of the gallery. 

It's now on the right side of the screen the images.

But want to try to have it in the middle with the tumbs under it.

Greetings, DjViper

Share this post


Link to post
Share on other sites
Posted (edited)

Hello Anne @Dj-Viper

This is not a KissIt Image thumbnailer specific question.

Please post in a Image Gallery related thread or open a new one.

Please add also information about your exact oscommerce version and if you are using modular product info.

Edited by raiwa

Share this post


Link to post
Share on other sites

Hello  @vampirehunter,

Check the following settings in admin : configuration : images:

KissIT JPEG Quality st to 100 (best quality)

KissIT sharpen Thumbnail set to "strong"

KissIT Disable Image Upsize set tot "true"

- check that your original images are big enough and saved in good jpg quality (bigger filesize)

Share this post


Link to post
Share on other sites
On 4/3/2019 at 1:29 PM, raiwa said:

Hello  @vampirehunter,

It will not display more than 10 images with me
Here's the code for product_info.php
This is the last Responsived version of github
Responsive-osCommerce-master

 

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2018 osCommerce

  Released under the GNU General Public License
*/

  require('includes/application_top.php');

  if (!isset($_GET['products_id'])) {
    tep_redirect(tep_href_link('index.php'));
  }

  require('includes/languages/' . $language . '/product_info.php');

  $product_check_query = tep_db_query("select count(*) as total from products p, products_description pd where p.products_status = '1' and p.products_id = '" . (int)$_GET['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
  $product_check = tep_db_fetch_array($product_check_query);

  require('includes/template_top.php');

  if ($product_check['total'] < 1) {
?>

<div class="contentContainer">

  <div class="row">
    <?php echo $oscTemplate->getContent('product_info_not_found'); ?>
  </div>
  
</div>

<?php
  } else {
    $product_info_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_model, p.products_quantity, p.products_image, pd.products_url, p.products_price, p.products_tax_class_id, p.products_date_added, p.products_date_available, p.manufacturers_id, p.products_gtin from products p, products_description pd where p.products_status = '1' and p.products_id = '" . (int)$_GET['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
    $product_info = tep_db_fetch_array($product_info_query);

    tep_db_query("update products_description set products_viewed = products_viewed+1 where products_id = '" . (int)$_GET['products_id'] . "' and language_id = '" . (int)$languages_id . "'");

?>

<?php echo tep_draw_form('cart_quantity', tep_href_link('product_info.php', tep_get_all_get_params(array('action')). 'action=add_product', 'NONSSL'), 'post', 'role="form"'); ?>

<?php
  if ($messageStack->size('product_action') > 0) {
    echo $messageStack->output('product_action');
  }
?>

<div class="contentContainer">

  <div class="row is-product">
    <?php echo $oscTemplate->getContent('product_info'); ?>
  </div>

</div>

</form>

<?php
  }
  require('includes/template_bottom.php');
  require('includes/application_bottom.php');
?>

I use the module Gallery KisssIt

Please if some help is possible.
The version I use is 2.8.1

Share this post


Link to post
Share on other sites
3 hours ago, kep@ said:

It will not display more than 10 images with me

Hello @kep@,

This is unrelated to KisssIt Image thumbnailer.

The image limit is due to the settings in the Colorbox Script Header Tag Module:

admin : Modules : Header tags : Colorbox Script:

Thumbnail Layout
155 - maximum of 11 thumbnails per product.

To increase the max number, change for example to 1555

each number represents the number of images per row. The default setting 155 means 1 image in the first row and 5 images in the second and third row = 11 images.

The setting 1555 adds a fourth row with 5 additional images = 16 images.

Share this post


Link to post
Share on other sites

@kep@, 

KissIt has not yet been updated to EDGE BS4,

if you are using it in EDGE BS 4 you should update the following:

includes/functions/html_output.php

line 143:

      $bs_parameters .= 'img-responsive';

update to:

      $bs_parameters .= 'img-fluid';

 

Share this post


Link to post
Share on other sites
34 minutes ago, raiwa said:

@kep@, 

KissIt has not yet been updated to EDGE BS4,

if you are using it in EDGE BS 4 you should update the following:

includes/functions/html_output.php

line 143:


      $bs_parameters .= 'img-responsive';

update to:


      $bs_parameters .= 'img-fluid';

 

Unfortunately it did not help.
Shows 11 images
1 basic + 10 additional

Share this post


Link to post
Share on other sites

When I changed the value of 155 to any other I got the problem that when I return to 155 I can no longer enlarge the image.

Share this post


Link to post
Share on other sites

The problem is a real change in value in the colorbox modul.

Share this post


Link to post
Share on other sites
Posted (edited)
1 hour ago, kep@ said:

When I changed the value of 155 to any other I got the problem that when I return to 155 I can no longer enlarge the image.

I checked with 1555 and it worked for me. Which value did you put? What do you mean with enlarge? Do you mean that the pop-up window doesn't work?

 

47 minutes ago, kep@ said:

The problem is a real change in value in the colorbox modul.

Sorry, I do not understand.

Edited by raiwa

Share this post


Link to post
Share on other sites
Posted (edited)
1 hour ago, kep@ said:

Unfortunately it did not help.
Shows 11 images
1 basic + 10 additional

$bs_parameters .= 'img-fluid';

This is not related to the image number, it's a recommended change for BS4 image responsiveness.

Edited by raiwa

Share this post


Link to post
Share on other sites
Posted (edited)

Just checked again:

- set to 1555 => pop up works

- reverted to 155 => pop up works

Please explain with more details and maybe add screenshots.

Edited by raiwa

Share this post


Link to post
Share on other sites
5 hours ago, raiwa said:

Just checked again:

- set to 1555 => pop up works

- reverted to 155 => pop up works

Please explain with more details and maybe add screenshots.

155-Original.jpg

Export datebase

Colorbox Script

Set to 1555 > 1555.jpg     pop up not works

reverted to 155 > 155.jpg     pop up not works

Revert datebase 

155-Original.jpg > pop up works

 

155-Original.jpg

155.jpg

1555.jpg

Share this post


Link to post
Share on other sites

1 image = 155-Original.jpg

2 image = 155.jpg

3 image = 1555.jpg

Share this post


Link to post
Share on other sites

@kep@,

There is something wrong with your setting/installation. Your 1555 screenshot shows 3 images in the first row and 7 in the second row.

There is also no logic to show wrong if you revert to  155. You should not need to recover the database backup.

Please try for any case with the original gallery module. If it has the same problem, then it is not related to KissIt Image Thumbnailer. Please recheck your installation.

Share this post


Link to post
Share on other sites
5 hours ago, raiwa said:

@kep@,

There is something wrong with your setting/installation. Your 1555 screenshot shows 3 images in the first row and 7 in the second row.

There is also no logic to show wrong if you revert to  155. You should not need to recover the database backup.

Please try for any case with the original gallery module. If it has the same problem, then it is not related to KissIt Image Thumbnailer. Please recheck your installation.

With original Gallery modul

set 1555  pop up not works

reverted to 155  pop up not works

original_gallery_1555.jpg

original_gallery_1555.jpg

Share this post


Link to post
Share on other sites
Posted (edited)

@kep@,

Then your installation has an error. With my latest EDGE BS4 all works correct. This is not related to KissIt Image Thumbnail.

Check if you have all related files copied. If you have applied any modification, revert it to original.

Please post in a general support thread for further support

Best regards
Rainer

Edited by raiwa

Share this post


Link to post
Share on other sites
17 hours ago, raiwa said:

@kep@,

Then your installation has an error. With my latest EDGE BS4 all works correct. This is not related to KissIt Image Thumbnail.

Check if you have all related files copied. If you have applied any modification, revert it to original.

Please post in a general support thread for further support

Best regards
Rainer

Thank you so much for help
I managed to find a solution.
For some reason in setting up Colorbox
Does not execute the entry in the database page to which the setting relates.
Other information is normally entered and therefore a problem occurs.
when you manually add the page name directly to the database.
After that everything works perfectly.

colorbox.jpg

Share this post


Link to post
Share on other sites

Hello @raiwa
in  db_uninstall.php it need change
from this

 tep_db_query("delete from " . TABLE_CONFIGURATION . " where configuration_key in ('" . implode("', '", keys()) . "')");

to 

    tep_db_query("delete from configuration where configuration_key in ('" . implode("', '", keys()) . "')");


Br
Omar


Get the latest Responsive osCommerce CE (community edition) here .

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

×