Para que la personalización quede arriba

[Duby]

Buenas.

 

He creado dos campos de texto en Personalización, el problema es que estos quedan debajo de la descripción y yo necesito que queden justo arriba, tal y como se muestra en la imagen adjunta.

 

Gracias.

[nadie]

Buenas.

 

He creado dos campos de texto en Personalización, el problema es que estos quedan debajo de la descripción y yo necesito que queden justo arriba, tal y como se muestra en la imagen adjunta.

 

Gracias.

 

Tienes que editar el fichero product.tpl de tu plantilla, para lo que comentas.

[Duby]

Víctor, podrías indicar qué hay que cambiar/modificar del fichero?

 

Gracias.

[Duby]

Por favor, haber si alguien me puede ayudar a editar el product.tlp para que las personalizaciones queden arriba.

 

Gracias.

[Duby]

Tema no solucionado.

Ayuda?

[Duby]

Nadie sabe como solucionar esto?

[nadie]

Te lo explico en base a prestashop 1.4, y la plantilla por defecto de prestashop 1.4

 

1º Paso

 

Abrir product.tpl de tu plantilla

 

2º Paso

 

Buscar esto:

 

<!-- Customizable products -->
{if $product->customizable}
<ul class="idTabs">
 <li><a style="cursor: pointer">{l s='Product customization'}</a></li>
</ul>
<div class="customization_block">
 <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm">
  <p>
   <img src="{$img_dir}icon/infos.gif" alt="Informations" />
   {l s='After saving your customized product, remember 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>
  <ul id="uploadable_files">
   {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->getProductDeletePictureLink($product, $field.id_customization_field)}" title="{l s='Delete'}" >
	  <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
	 </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 computer'}{/if}</div></div>
  </li>
  {counter}
 {/if}
   {/foreach}
  </ul>
  {/if}
  <div class="clear"></div>
  {if $product->text_fields|intval}
  <h2>{l s='Texts'}</h2>
  <ul id="text_fields">
   {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}{if $field.required}<sup>*</sup>{/if}<textarea type="text" name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input" />{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>
  </li>
  {counter}
 {/if}
   {/foreach}
  </ul>
  {/if}
  <p style="clear: left;" id="customizedDatas">
   <input type="hidden" name="ipa_customization" id="ipa_customization" value="{$ipa_customization}" />
   <input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
   <input type="hidden" name="submitCustomizedDatas" value="1" />
   <input type="button" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />
   <span id="ajax-loader" style="display:none"><img src="{$img_ps_dir}loader.gif" alt="loader" /></span>
  </p>
 </form>
 <p class="clear required"><sup>*</sup> {l s='required fields'}</p>
</div>
{/if}

 

 

Y lo colocas encima de:

 

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

[Duby]

Bueno, el código no es igual ya que llevo plantilla, pero con esa información me ha valido para solucionarlo. Muchísimas gracias.

 

Las "cajas" que quedan en la personalización, donde se tiene que poner el texto requerido, me salen demasiado altas, se podría modificar el tamaño?

 

Adjunto imagen: