Jump to content

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

Product Page Thumbnail Gallery Rate Topic   - - - - -

 

Posted 03 May 2018 - 11:31 AM #1

Hello 

 

 i want to make the thumbs to com closer   because in mobile shows only one .

 

 

 

 

Attached Thumbnails

  • Screenshot_2.png


 
  • alaa
  • Advanced Member
  • Trial users
  • Join Date: 18-Mar 18
  • 69 posts

Posted 03 May 2018 - 11:42 AM #2

If you want to show 2 items on mobile screen, you should do the following: 

 

1- Clone responsive theme (if you haven't done so yet). 

2- Copy the file scroller_init.tpl from /responsive/templates/common to /your_theme_name/templates/commmon

3- On line 29 replace 

mobile = [479, 1];

with

mobile = [479, 2];

Clear cache and you should get two items on mobile screen. 



 

Posted 03 May 2018 - 11:49 AM #3

If you want to show 2 items on mobile screen, you should do the following: 

 

1- Clone responsive theme (if you haven't done so yet). 

2- Copy the file scroller_init.tpl from /responsive/templates/common to /your_theme_name/templates/commmon

3- On line 29 replace 

mobile = [479, 1];

with

mobile = [479, 2];

Clear cache and you should get two items on mobile screen. 

i have make this change for store front allready . i need it  for  thumbnails inside product page  under main image .



 
  • alaa
  • Advanced Member
  • Trial users
  • Join Date: 18-Mar 18
  • 69 posts

Posted 03 May 2018 - 11:57 AM #4

Then, you should change the margin/padding of the gallery. This depends on your theme. But try to add the below CSS in your theme CSS files (or in Custom CSS area in Theme Designer). 

.ty-product-thumbnails__item {
    margin: 10px !important;
}

Not tested. 



 

Posted 03 May 2018 - 12:05 PM #5

Then, you should change the margin/padding of the gallery. This depends on your theme. But try to add the below CSS in your theme CSS files (or in Custom CSS area in Theme Designer). 

.ty-product-thumbnails__item {
    margin: 10px !important;
}

Not tested. 

 it moves all gallery , not the gap between them 



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

Posted 03 May 2018 - 12:25 PM #6

Hello 

 

 i want to make the thumbs to com closer   because in mobile shows only one .

 

Please share or PM me URL of your website


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


 

Posted 03 May 2018 - 12:31 PM #7

Please share or PM me URL of your website

 

www.cleverbuynow.com



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

Posted 04 May 2018 - 06:15 AM #8

Looks like you fixed the issue. Please confirm


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


 

Posted 08 May 2018 - 07:36 AM #9

thanks for your help ,  life saver ...