Support Forums - Classified Ads Script Osclass

Osclass theme support => Free themes => Patricia Osclass Responsive Theme => Topic started by: Nantha on April 24, 2017, 02:16:41 PM

Title: Listing gallery thumnail display
Post by: Nantha on April 24, 2017, 02:16:41 PM

Hi i m having problem with listing gallery thumbnail display. Please refer the attachment.
I have installed the theme and all standard plugins, not installed other third party plugins.

Title: Re: Listing gallery thumnail display
Post by: MB Themes on April 24, 2017, 06:08:29 PM

@Nantha
Not sure what is problem, what is URL to test...

Title: Re: Listing gallery thumnail display
Post by: Nantha on April 24, 2017, 08:30:02 PM

Here is the link : http://www.varthagam.my/index.php?page=item&id=2

Title: Re: Listing gallery thumnail display
Post by: MB Themes on April 25, 2017, 09:02:37 AM

@Nantha
Ok, and now, what is problem?

Title: Re: Listing gallery thumnail display
Post by: Nantha on April 25, 2017, 09:05:17 AM

Please check the thumbnails of the image, it is not like in demo. The third image is in second row and no next / previous button.

Title: Re: Listing gallery thumnail display
Post by: MB Themes on April 25, 2017, 11:09:48 AM

@Nantha
Ok, I was not able to reproduce issue in chrome.
Try following.

Go to file:

Code: [Select]

oc-content/themes/patricia/js/listingScroll.js
Find line:

Code: [Select]

$('#pictures .img-bar .wrap').css('width', (b_width/items)*total + 'px');
change it to:

Code: [Select]

$('#pictures .img-bar .wrap').css('width', Math.ceil((b_width/items)*total) + 'px');

Title: Re: Listing gallery thumnail display
Post by: Nantha on April 25, 2017, 11:48:48 AM

Hi,

Yes no issue in chrome, but the error was when use mozila firefox.

I have tried but doesn't help.
This error happen when use 2, 3 and 4 images. no issue if we use single or more than 4 images.

Title: Re: Listing gallery thumnail display
Post by: MB Themes on April 25, 2017, 01:14:23 PM

@Nantha
Ok, at bottom try to change following rows:

Code: [Select]

  $('#pictures .img-bar .small-img').css('width', ((100 - 1.6*items)/items)*b_width/100 + 'px');
  $('#pictures .img-bar .small-img').css('margin-left', 0.8*b_width/100 + 'px');
  $('#pictures .img-bar .small-img').css('margin-right', 0.8*b_width/100 + 'px');
to:

Code: [Select]

  $('#pictures .img-bar .small-img').css('width', Math.floor(((100 - 1.6*items)/items)*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-left', Math.floor(0.8*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-right', Math.floor(0.8*b_width/100) + 'px');


Title: Re: Listing gallery thumnail display
Post by: Nantha on April 25, 2017, 06:30:22 PM

Perfect. It fixed the error. TQ

Following are the final code i replace.

  $('#pictures .img-bar .small-img').css('width', Math.floor(((100 - 1.6*items)/items)*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-left', Math.floor(0.8*b_width/100) + 'px');
  $('#pictures .img-bar .small-img').css('margin-right', Math.floor(0.8*b_width/100) + 'px');
  $('#pictures .img-bar .wrap').css('width', ((b_width/items)*total) + 'px');