Jump to content

Changing image display


Recommended Posts

Allo,

How would I go about showing the image thumbnails below the product image as smaller more square boxes?  Ideally fitting in more than 2, and having a min of 4 images show at the bottom.. there is actually three images on this product, but you are unable to see that :/

 

Here is a link to the page: http://www.zappies.com/animagic/2903-animagic-rescue-hospital-air-ambulance.html

 

post-726306-0-35860500-1390996380_thumb.png

 

Thanks!

Link to comment
Share on other sites

take a look how your image looks like: 

http://www.zappies.com/3890-medium_default/animagic-rescue-hospital-air-ambulance.jpg

 

as you can see medium_default imagetype is rectangle... not square.

 

you have to define new width & height of the picture named "medium_default" under the preferences > images tab in your back office.

it must be "square" with size related to images you uploaded (proportional size)

Link to comment
Share on other sites

take a look how your image looks like: 

http://www.zappies.com/3890-medium_default/animagic-rescue-hospital-air-ambulance.jpg

 

as you can see medium_default imagetype is rectangle... not square.

 

you have to define new width & height of the picture named "medium_default" under the preferences > images tab in your back office.

it must be "square" with size related to images you uploaded (proportional size)

 

 

Ace thanks, I am guessing its like this because of me changing those settings for manufactures images.  How would I change it just for products without it effect the manufacturing images which are using the same setting?

 

Hope that makes sense!

 

Thanks loads

Link to comment
Share on other sites

define new image for this feature (preferences > images), and in template file use this new imagetype :)

 

Ace thanks for the help.

 

So for example;

	{if $nbManufacturers > 0}
		<ul id="manufacturers_list">
		{foreach from=$manufacturers item=manufacturer name=manufacturers}
			<li class="clearfix {if $smarty.foreach.manufacturers.first}first_item{elseif $smarty.foreach.manufacturers.last}last_item{else}item{/if}"> 
				<div class="left_side">
					<!-- logo -->
					<div class="logo">
					{if $manufacturer.nb_products > 0}<a href="{$link->getmanufacturerLink($manufacturer.id_manufacturer, $manufacturer.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$manufacturer.name|escape:'htmlall':'UTF-8'}" class="lnk_img">{/if}
						<img src="{$img_manu_dir}{$manufacturer.image|escape:'htmlall':'UTF-8'}-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
					{if $manufacturer.nb_products > 0}</a>{/if}
					</div>

The part of code which says medium_default.jpg should be replaced with manumed_default.jpg (or whatever the new set is named to), also mediumSize.width should be changed to manumedSize.width etc?

 

... and then I guess I should regenerate all the thumbnails which are due to be changed?

 

Thanks loads again! :)

Link to comment
Share on other sites

×
×
  • Create New...