Image size in the Carousel manufacturer slider

[mohitsingh538]

Hi!

 

I'm working with a new theme on my website but getting some problem with the Carousel manufacturer slider. Regardless of the LOGO image size upload, it gets tailored and diminishes. Although I uploaded images of 500 x something pixels, they were reduced to a size which has to be seen with a high power microscope. Here's the screen shot:

 

 

 

I'd like to know can I increase the size of the LOGOs in the slider? These small images looks very odd and I'm very conscious about the looks of the website. Not just for me, its gonna help the visitors as well to choose their preferred manufacturers. But these microscopic images are gonna throw the visitors for sure if sizes are not amended. 

 

Please help me out in increasing the sizes of the LOGOs in the. Does it have something to do with Preferences>Images? Or I've to edit something in the module? I'm attaching the module so that if something has to be amended in it, you tell me easily as I'm not a technical guy and have almost NIL knowledge of PHP. 

 

 

slider. manufacturerslider.zip

 

Thanks!

Edited January 20, 2014 by mohitsingh538 (see edit history)

[Sharak]

In module's .tpl file you have this:

<img src="{$img_ps_dir}m/{$manufacturer.id_manufacturer}-small_default.jpg"

 

And you're right it has something to do with Preferences -> Images. The size of the of small_default is set there. You can change it but this can affect other parts of the shop that use this type of image so I recommend make new type i.e. manufacturer and change code in .tpl to this:

<img src="{$img_ps_dir}m/{$manufacturer.id_manufacturer}-manufacturer.jpg"

[mohitsingh538]

Thanks for the help but I'm sorry to say that it didn't work. Here is the code I modified as guided by you:

and here is the new Image type I made:

 

And here the result...Nothing's changed. Images a still hard to see.

 

 

 

 

 

Please suggest me something.

[Sharak]

Just try bigger size. You can also change .css style a little. What's the url of your shop?

[mohitsingh538]

Tried again by increasing the pixels to 150x110 and I believe its bigger than medium_default image type, but still I couldn't see any effect. I don't have to knowledge to edit .css

 

URL of my shop is http://www.bigveda.com

[Sharak]

Which .tpl file did you change? Write full path to the file. For now the module still uses small_default type.

[mohitsingh538]

I made the change in 'manufacturerslider.tpl' file. This file is inside the attachment of my above post. I edited it as per your instruction but you're certainly right that it's still using the small_default image type. I don't know what's the issue.

Edited January 19, 2014 by mohitsingh538 (see edit history)

[vekia]

after change image size you have to regenerate thumbnails for your imagetype you modified, have you regenerated thumbs/

 

in addition, after changes in template files (.tpl) sometimes it's necessary to turn on force compile and turn off cache (adv paramters > performance tab in your BO - you will see there these options)

[Sharak]

1. Make sure you have manufacturer type enabled for manufacturers in Preferences -> Images

2. On the same page scroll a bit down and regenerate thumbnails for Manufacturers -> manufacturer

3. Edit /themes/thgr00027v/css/modules/manufacturerslider/skin.css line 22 and set width the same as for manufacturer type.

4. If needed turn on force compile and cache in Advanced parameters -> Performance

 

Also you probably have module's .tpl file in your theme so you should edit /themes/thgr00027v/modules/manufacturerslider/manufacturerslider.tpl

Edited January 19, 2014 by Sharak (see edit history)

[mohitsingh538]

Thanks to both of you for suggestion. I followed everything.

 

Manufacturer type enabled: Check

 

Regenerating thumbnails: Check

 

Force compiling and turning off cache: Check

 

But still I couldn't see any noticeable effect. It seems that the module is haughty which's refusing the request of the codes to increase the dimensions of the images in the slider I guess at last I won't have any other option than removing the module :-( But the only reason I'm struggling for it is, it looks really nice!

Edited January 19, 2014 by mohitsingh538 (see edit history)

[Sharak]

You must have done something wrong. Are you sure you have changes applied to .tpl on the server? Module still uses small_default type:

<img alt="Baidyanath" src="http://www.bigveda.com/img/m/7-small_default.jpg">

I've used this module before with no problems http://serwiscentrum.com.pl/#footer

[mohitsingh538]

Yep, I've edited the right file. I guess you asked me to edit manufacturerslider.tpl file and here is the screenshot of the code panel:

 

I'm unable to figure out what's the exact problem. I've done every possible thing, but still there are no signs of the result I want.

 

PS: You manufacturer slider really looks cool. That's exactly I want from my slider to look like.

Edited January 20, 2014 by mohitsingh538 (see edit history)

[Sharak]

You forgot about this:

 

 

Also you probably have module's .tpl file in your theme so you should edit /themes/thgr00027v/modules/manufacturerslider/manufacturerslider.tpl

 

Changes made in /public_html/modules/manufacturerslider/manufacturerslider.tpl doesn't matter at this point because it's overriden by the file from /themes path anyway so please, check again and edit correct file located as in the quote above

Edited January 20, 2014 by Sharak (see edit history)

[mohitsingh538]

Voila! It worked out, mate. I really owe you for this. I was making it complex by editing maufacturerslider.tpl in modules directory Now everything seems to be working fine except the slider. The images doesn't slide of their own like they do in your website. Is your slider a different one? I don't know if my slider should slide or LOGOs will be just fixed on their position.

[Sharak]

Cause you have autoslide disabled. Edit /modules/manufacturerslider/js/slide.js and in

jQuery(document).ready(function() {
   jQuery('#mycarousel').jcarousel({
     auto: 0,
     wrap: 'last',
     initCallback: mycarousel_initCallback
   });
}); 

...change auto: 0, to auto: 1,

[mohitsingh538]

You're genius, mate! Everything is working smoothly. Thanks a tonne!

[Sharak]

You're welcome

I think you should still work on width of images and li elements cause with 150px width images are cut off on the right of the slider. Try 136px.

[mohitsingh538]

You're right, that also looks odd. I edited the width of manufacturer type image to 120 but still no good output. Do I need to edit the style.css file?

[Sharak]

Yes. Just like the first time you need to update width in 2 place:

1. Preferences -> Images : manufacturer

2. /themes/thgr00027v/css/modules/manufacturerslider/skin.css line 22

But I checked 120px and it's no better than current width. 136px is your best choice or you can make it smaller and fit 4 images in visible area instead of 3.

[mohitsingh538]

You rock big fella! The slider is working finer is working fine and is no longer showing tailored images...Just 3 clear images at a time. I really owe you for your support. Thanks!

Edited January 21, 2014 by mohitsingh538 (see edit history)

[vik93]

Hello, have you tried this module in 1.6 ? I can't put the module mancarousel below the Slides....

 

It will be good if someone can help me.

[elnur]

Hi all, tried this module for PS 1.4.8.2, works good, only one BUT manufacturers logo are not displayed. How to fix it?