Pictures full size

gordon99 · June 19, 2012

What should I change in the code to make pictures, which customer clicks on, appare full size?

In attatchment there are picture about product picture which I like to be full size.

And also this should be correct tpl file... but not so sure products.tpl

{include file=$tpl_dir./errors.tpl}

{if $errors|@count == 0}

// <![CDATA[

// PrestaShop internal settings

var currencySign = '{$currencySign|html_entity_decode:2:"UTF-8"}';

var currencyRate = '{$currencyRate|floatval}';

var currencyFormat = '{$currencyFormat|intval}';

var currencyBlank = '{$currencyBlank|intval}';

var taxRate = {$product->tax_rate|floatval};

var jqZoomEnabled = {if $jqZoomEnabled}true{else}false{/if};

//JS Hook

var oosHookJsCodeFunctions = new Array();

// Parameters

var id_product = '{$product->id|intval}';

var productHasAttributes = {if isset($groups)}true{else}false{/if};

var quantitiesDisplayAllowed = {if $display_qties == 1}true{else}false{/if};

var quantityAvailable = {if $display_qties == 1 && $product->quantity}{$product->quantity}{else}0{/if};

var allowBuyWhenOutOfStock = {if $allow_oosp == 1}true{else}false{/if};

var availableNowValue = '{$product->available_now|escape:'quotes':'UTF-8'}';

var availableLaterValue = '{$product->available_later|escape:'quotes':'UTF-8'}';

var productPriceWithoutReduction = {$product->getPriceWithoutReduct()|default:'null'};

var reduction_percent = {if $product->reduction_percent}{$product->reduction_percent}{else}0{/if};

var reduction_price = {if $product->reduction_percent}0{else}{$product->getPrice(true, $smarty.const.NULL, 2, $smarty.const.NULL, true)}{/if};

var reduction_from = '{$product->reduction_from}';

var reduction_to = '{$product->reduction_to}';

var group_reduction = '{$group_reduction}';

var default_eco_tax = {$product->ecotax};

var currentDate = '{$smarty.now|date_format:'%Y-%m-%d'}';

var maxQuantityToAllowDisplayOfLastQuantityMessage = {$last_qties};

var noTaxForThisProduct = {if $no_tax == 1}true{else}false{/if};

var displayPrice = {$priceDisplay};

// Customizable field

var img_ps_dir = '{$img_ps_dir}';

var customizationFields = new Array();

{assign var='imgIndex' value=0}

{assign var='textFieldIndex' value=0}

{foreach from=$customizationFields item='field' name='customizationFields'}

{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

customizationFields[{$smarty.foreach.customizationFields.index|intval}] = new Array();

customizationFields[{$smarty.foreach.customizationFields.index|intval}][0] = '{if $field.type|intval == 0}img{$imgIndex++}{else}textField{$textFieldIndex++}{/if}';

customizationFields[{$smarty.foreach.customizationFields.index|intval}][1] = {if $field.type|intval == 0 AND $pictures.$key}2{else}{$field.required|intval}{/if};

{/foreach}

// Images

var img_prod_dir = '{$img_prod_dir}';

var combinationImages = new Array();

{foreach from=$combinationImages item='combination' key='combinationId' name='f_combinationImages'}

combinationImages[{$combinationId}] = new Array();

{foreach from=$combination item='image' name='f_combinationImage'}

combinationImages[{$combinationId}][{$smarty.foreach.f_combinationImage.index}] = {$image.id_image|intval};

{/foreach}

combinationImages[0] = new Array();

{foreach from=$images item='image' name='f_defaultImages'}

combinationImages[0][{$smarty.foreach.f_defaultImages.index}] = {$image.id_image};

{/foreach}

// Translations

var doesntExist = '{l s='The product does not exist in this model. Please choose another.' js=1}';

var doesntExistNoMore = '{l s='This product is no longer in stock' js=1}';

var doesntExistNoMoreBut = '{l s='with those attributes but is available with others' js=1}';

var uploading_in_progress = '{l s='Uploading in progress, please wait...' js=1}';

var fieldRequired = '{l s='Please fill all required fields' js=1}';

{if isset($groups)}

// Combinations

{foreach from=$combinations key=idCombination item=combination}

addCombination({$idCombination|intval}, new Array({$combination.list}), {$combination.quantity}, {$combination.price}, {$combination.ecotax}, {$combination.id_image}, '{$combination.reference|addslashes}');

{/foreach}

// Colors

{if $colors|@count > 0}

{if $product->id_color_default}var id_color_default = {$product->id_color_default|intval};{/if}

{/if}

//]]>

</script>

{include file=$tpl_dir./breadcrumb.tpl}

{include file=$tpl_dir./binding_top.tpl}

<h2>{$product->name|escape:'htmlall':'UTF-8'}</h2>

{if $confirmation}

{$confirmation}

</p>

{/if}

{if $have_image}

<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic"/>

{else}

<img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" />

{/if}

</div>

{if count($images) > 0}

{if count($images) > 3}<span class="view_scroll_spacer"><a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}

{foreach from=$images item=image name=thumbnails}

{assign var=imageIds value=`$product->id`-`$image.id_image`}

<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">

<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />

</a>

</li>

{/foreach}

</ul>

</div>

{if count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}

</div>

{/if}

{if count($images) > 1}<p class="align_center clear"><a id="resetImages" href="{$link->getProductLink($product)}" style="display:none;" onclick="$('a#resetImages').hide('slow');return (false);">{l s='Display all pictures'}</a></p>{/if}

{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}

<li><a href="javascript:print();">{l s='Print'}</a><br class="clear" /></li>

{if $have_image && !$jqZoomEnabled}

{/if}

</ul>

</div>

{if $product->description_short OR $packItems|@count > 0}

{if $product->description_short}

<div id="short_description_content" class="rte align_justify">{$product->description_short}</div>

{/if}

{if $product->description}

<p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>

{/if}

{if $packItems|@count > 0}

<h3>{l s='Pack content'}</h3>

{foreach from=$packItems item=packItem}

{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)}">{$packItem.name|escape:'htmlall':'UTF-8'}</a>

<p>{$packItem.description_short}</p>

</div>

{/foreach}

{/if}

</div>

{/if}

{if $colors}

<p>{l s='Pick a color:' js=1}</p>

{foreach from=$colors key='id_attribute' item='color'}

<li><a id="color_{$id_attribute|intval}" class="color_pick" style="background: {$color.value};" onclick="updateColorSelect({$id_attribute|intval});$('#resetImages').show('slow');">{if file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}<img src="{$img_col_dir}{$id_attribute}.jpg" alt="" title="{$color.name}" width="20" height="20" />{/if}</a></li>

{/foreach}

</ul>

</div>

{/if}

<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />

</p>

{if $product->on_sale}

{elseif ($product->reduction_price != 0 || $product->reduction_percent != 0) && ($product->reduction_from == $product->reduction_to OR ($smarty.now|date_format:'%Y-%m-%d' <= $product->reduction_to && $smarty.now|date_format:'%Y-%m-%d' >= $product->reduction_from))}

<span class="discount">{l s='Price lowered!'}</span>

{/if}

<br />

{if !$priceDisplay || $priceDisplay == 2}

<span id="our_price_display">{convertPrice price=$product->getPrice(true, $smarty.const.NULL)}</span>

{if $tax_enabled}{l s='tax incl.'}{/if}

{/if}

{if $priceDisplay == 1}

<span id="our_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span>

{if $tax_enabled}{l s='tax excl.'}{/if}

{/if}

</span>

{if $priceDisplay == 2}

<br />

<span id="pretaxe_price"><span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span> {l s='tax excl.'}</span>

{/if}

<br />

</p>

{if ($product->reduction_price != 0 || $product->reduction_percent != 0) && ($product->reduction_from == $product->reduction_to OR ($smarty.now|date_format:'%Y-%m-%d' <= $product->reduction_to && $smarty.now|date_format:'%Y-%m-%d' >= $product->reduction_from))}

{if !$priceDisplay || $priceDisplay == 2}

<span id="old_price_display">{convertPrice price=$product->getPriceWithoutReduct()}</span>

{if $tax_enabled}{l s='tax incl.'}{/if}

{/if}

{if $priceDisplay == 1}

<span id="old_price_display">{convertPrice price=$product->getPriceWithoutReduct(true)}</span>

{if $tax_enabled}{l s='tax excl.'}{/if}

{/if}

</span>

</p>

{/if}

{if $product->reduction_percent != 0 && ($product->reduction_from == $product->reduction_to OR ($smarty.now|date_format:'%Y-%m-%d' <= $product->reduction_to && $smarty.now|date_format:'%Y-%m-%d' >= $product->reduction_from))}

<p id="reduction_percent">{l s='(price reduced by'} <span id="reduction_percent_display">{$product->reduction_percent|floatval}</span> %{l s=')'}</p>

{/if}

{if $packItems|@count}

<p class="pack_price">{l s='instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>

{/if}

{if $product->ecotax != 0}

<p class="price-ecotax">{l s='include'} <span id="ecotax_price_display">{convertPrice price=$product->ecotax}</span> {l s='for green tax'}</p>

{/if}

{if isset($groups)}

{foreach from=$groups key=id_attribute_group item=group}

<p>

<label for="group_{$id_attribute_group|intval}">{$group.name|escape:'htmlall':'UTF-8'} :</label>

{assign var='groupName' value='group_'|cat:$id_attribute_group}

<select name="{$groupName}" id="group_{$id_attribute_group|intval}" onchange="javascript:findCombination();{if $colors|@count > 0}$('#resetImages').show('slow');{/if}">

{foreach from=$group.attributes key=id_attribute item=group_attribute}

<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>

{/foreach}

</select>

</p>

{/foreach}

</div>

{/if}

{if $product->reference}<p id="product_reference" {if isset($groups)}style="display:none;"{/if}><label for="product_reference">{l s='Reference :'} </label><span class="editable">{$product->reference|escape}</span></p>{/if}

<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity == 0) || $virtual} style="display:none;"{/if}>

<label>{l s='Quantity :'}</label>

</p>

<p id="availability_statut"{if ($product->quantity == 0 && !$product->available_later) OR ($product->quantity != 0 && !$product->available_now)} style="display:none;"{/if}>

<span id="availability_label">{l s='Availability:'}</span>

<span id="availability_value"{if $product->quantity == 0} class="warning-inline"{/if}>

{if $product->quantity == 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}

</span>

</p>

<p id="pQuantityAvailable"{if $display_qties != 1 || $product->quantity == 0} style="display:none;"{/if}>

<span id="quantityAvailable">{$product->quantity|intval}</span>

<span{if $product->quantity > 1} style="display:none;"{/if} id="quantityAvailableTxt">{l s='item in stock'}</span>

<span{if $product->quantity == 1} style="display:none;"{/if} id="quantityAvailableTxtMultiple">{l s='items in stock'}</span>

</p>

<p id="oosHook"{if $product->quantity > 0} style="display:none;"{/if}>

{$HOOK_PRODUCT_OOS}

</p>

<p class="warning-inline" id="last_quantities"{if ($product->quantity > $last_qties || $product->quantity == 0) || $allow_oosp} style="display:none;"{/if} >{l s='Warning: Last items in stock!'}</p>

<p{if !$allow_oosp && $product->quantity == 0} style="display:none;"{/if} id="add_to_cart" class="buttons_bottom_block"><input type="submit" name="Submit" value="{l s='Add to cart'}" class="exclusive" /></p>

{if $HOOK_PRODUCT_ACTIONS}

{$HOOK_PRODUCT_ACTIONS}

{/if}

</form>

{if $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}

</div>

{if $quantity_discounts}

<li><a style="cursor: pointer">{l s='Quantity discount'}</a></li>

</ul>

<tr>

{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}

<th>{$quantity_discount.quantity|intval}

{if $quantity_discount.quantity|intval > 1}

{l s='quantities'}

{else}

{l s='quantity'}

{/if}

</th>

{/foreach}

</tr>

<tr>

{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}

<td>

{if $quantity_discount.id_discount_type|intval == 1}

-{$quantity_discount.value|floatval}%

{else}

-{convertPrice price=$quantity_discount.value|floatval}

{/if}

</td>

{/foreach}

</tr>

</table>

</div>

{/if}

{include file=$tpl_dir./binding_bottom.tpl}

{$HOOK_PRODUCT_FOOTER}

{if $product->description || $features || $accessories || $HOOK_PRODUCT_TAB || $attachments}

{if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}

{if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}

{if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}

{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}

{$HOOK_PRODUCT_TAB}

</ul>

{include file=$tpl_dir./binding_top2.tpl}

{if $product->description}

<div id="idTab1" class="rte">{$product->description}</div>

{/if}

{if $features}

{foreach from=$features item=feature}

<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>

{/foreach}

</ul>

{/if}

{if $attachments}

{foreach from=$attachments item=attachment}

<li><a href="{$base_dir}attachment.php?id_attachment={$attachment.id_attachment}">{$attachment.name|escape:'htmlall':'UTF-8'}</a><br />{$attachment.description|escape:'htmlall':'UTF-8'}</li>

{/foreach}

</ul>

{/if}

{if isset($accessories) AND $accessories}

<ul>

{foreach from=$accessories item=accessory name=accessories_list}

{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}

<h5 class="align_center"><a href="{$accessoryLink|escape:'htmlall':'UTF-8'}">{$accessory.name|truncate:22:'...'|escape:'htmlall':'UTF-8'}</a></h5>

<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{$accessory.legend|escape:'htmlall':'UTF-8'}" class="product_image"><img src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'medium')}" alt="{$accessory.legend|escape:'htmlall':'UTF-8'}" /></a>

<a href="{$accessoryLink|escape:'htmlall':'UTF-8'}" title="{l s='More'}" class="product_description">{$accessory.description_short|strip_tags|truncate:100:'...'}</a>

</p>

<span class="price">{displayWtPrice p=$accessory.price}</span>

</p>

</div>

</li>

{/foreach}

</ul>

</div>

</ul>

{/if}

{$HOOK_PRODUCT_TAB_CONTENT}

</div>

{include file=$tpl_dir./binding_bottom.tpl}

</div>

{/if}

{if $product->customizable}

<li><a style="cursor: pointer">{l s='Product customization'}</a></li>

</ul>

<p>

{l s='After saving your customized product, do not forget to add it to your cart.'}

{if $product->uploadable_files}<br />{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}

</p>

{if $product->uploadable_files|intval}

<h2>{l s='Pictures'}</h2>

{counter start=0 assign='customizationField'}

{foreach from=$customizationFields item='field' name='customizationFields'}

{if $field.type == 0}

<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

{if isset($pictures.$key)}<div class="customizationUploadBrowse"><img src="{$pic_dir}{$pictures.$key}_small" alt="" /><a href="{$link->getUrlWith('deletePicture', $field.id_customization_field)}"><img src="{$img_dir}icon/delete.gif" alt="{l s='delete'}" class="customization_delete_icon" /></a></div>{/if}

<div class="customizationUploadBrowse"><input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />{if $field.required}<sup>*</sup>{/if}

<div class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your hard drive'}{/if}</div></div>

</li>

{counter}

{/if}

{/foreach}

</ul>

{/if}

{if $product->text_fields|intval}

<h2>{l s='Texts'}</h2>

{counter start=0 assign='customizationField'}

{foreach from=$customizationFields item='field' name='customizationFields'}

{if $field.type == 1}

<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

{if !empty($field.name)}{$field.name}{/if}<input type="text" name="textField{$field.id_customization_field}" id="textField{$customizationField}" value="{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}" class="customization_block_input" />{if $field.required}<sup>*</sup>{/if}

</li>

{counter}

{/if}

{/foreach}

</ul>

{/if}

</p>

</form>

<p class="clear required"><sup>*</sup> {l s='required fields'}</p>

</div>

{/if}

{if $packItems|@count > 0}

<div>

<h2>{l s='Pack content'}</h2>

{include file=$tpl_dir./product-list.tpl products=$packItems}

</div>

{/if}

Bill Dalton · June 20, 2012

Try this,

[1] Go to Back Office > Preferences > Images

Change the size of “thickbox”

[2] Scroll down the page and check “Erase previous images” and click on “Regenerate Thumbnails”

You may need to clear cache.

Let me know if that helps …

Edited June 20, 2012 by Bill Dalton (see edit history)

gordon99 · August 4, 2012

Try this,

[1] Go to Back Office > Preferences > Images

Change the size of “thickbox”

[2] Scroll down the page and check “Erase previous images” and click on “Regenerate Thumbnails”You may need to clear cache.

Let me know if that helps …

Unfortunately it didn't help. I they are all still same size. Also I have added some new pictures, but the size stays the same.

Sign In

Pictures full size

Recommended Posts

gordon99

Link to comment

Share on other sites

Bill Dalton

Link to comment

Share on other sites

gordon99

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com