(SOLUCIONADO) Formulario de Contacto

ihammer · September 4, 2012

Buenos dias, ya estamos por aqui de nuevo

Bueno, queria saber si es posible modificar el formulario de contacto (y como hacerlo) , de manera que quede mas o menos de la siguiente manera :

1º : Suprimir lo de Tema

2º : Hacer un poco mas pequeño el formulario de contacto, y a la izquierda poder poner la úbicación de la tienda y abajo de la misma, un pequeño mapa, adjunto imagen de ejemplo

Version de PS : 1.4.9

Link : http://www.umoh.es/tienda

Plantilla : cool-putih

Gracias !!!!!!

Edited September 8, 2012 by ihammer (see edit history)

JValenzuela · September 4, 2012

Hola, todo lo que deseas puedes hacerlo manipulando la plantilla de tu theme llamada seguramente contact-form.tpl

ihammer · September 4, 2012

Si alguien me pudiera echar un cable, llevo un rato probando y no doy sobre que lineas y como enfocarlo, creo que lo facil sería meter dos imagenes, una para los datos de contacto y otra para el mapa no?

Adjunto el codigo

{*
* 2007-2012 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* [url="http://opensource.org/licenses/afl-3.0.php"]http://opensource.or...ses/afl-3.0.php[/url]
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to [url="http://www.prestashop.com"]http://www.prestashop.com[/url] for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2012 PrestaShop SA
*  @version  Release: $Revision: 14008 $
*  @license    [url="http://opensource.org/licenses/afl-3.0.php"]http://opensource.or...es/afl-3.0.php [/url] Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{capture name=path}{l s='Contact'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}

<h1>{l s='Customer Service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if}</h1>

{if isset($confirmation)}
   <p>{l s='Your message has been successfully sent to our team.'}</p>
   <ul class="footer_links">
       <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
   </ul>
{elseif isset($alreadySent)}
   <p>{l s='Your message has already been sent.'}</p>
   <ul class="footer_links">
       <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
   </ul>
{else}
   <p class="bold">{l s='For questions about an order or for more information about our products'}.</p>
   {include file="$tpl_dir./errors.tpl"}
   <form action="{$request_uri|escape:'htmlall':'UTF-8'}" method="post" class="std" enctype="multipart/form-data">
       <fieldset>
           <h3>{l s='Send a message'}</h3>
           <p class="select">
               <label for="id_contact">{l s='Subject Heading'}</label>
           {if isset($customerThread.id_contact)}
               {foreach from=$contacts item=contact}
                   {if $contact.id_contact == $customerThread.id_contact}
                       <input type="text" id="contact_name" name="contact_name" value="{$contact.name|escape:'htmlall':'UTF-8'}" readonly="readonly" />
                       <input type="hidden" name="id_contact" value="{$contact.id_contact}" />
                   {/if}
               {/foreach}
           </p>
           {else}
               <select id="id_contact" name="id_contact" onchange="showElemFromSelect('id_contact', 'desc_contact')">
                   <option value="0">{l s='-- Choose --'}</option>
               {foreach from=$contacts item=contact}
                   <option value="{$contact.id_contact|intval}" {if isset($smarty.post.id_contact) && $smarty.post.id_contact == $contact.id_contact}selected="selected"{/if}>{$contact.name|escape:'htmlall':'UTF-8'}</option>
               {/foreach}
               </select>
           </p>
           <p id="desc_contact0" class="desc_contact"> </p>
               {foreach from=$contacts item=contact}
                   <p id="desc_contact{$contact.id_contact|intval}" class="desc_contact" style="display:none;">
                       <label> </label>{$contact.description|escape:'htmlall':'UTF-8'}
                   </p>
               {/foreach}
           {/if}
           <p class="text">
               <label for="email">{l s='E-mail address'}</label>
               {if isset($customerThread.email)}
                   <input type="text" id="email" name="from" value="{$customerThread.email}" readonly="readonly" />
               {else}
                   <input type="text" id="email" name="from" value="{$email}" />
               {/if}
           </p>
       {if !$PS_CATALOG_MODE}
           {if (!isset($customerThread.id_order) || $customerThread.id_order > 0)}
           <p class="text">
               <label for="id_order">{l s='Order ID'}</label>
               {if !isset($customerThread.id_order) && isset($isLogged) && $isLogged == 1}
                   <select name="id_order" ><option value="0">{l s='-- Choose --'}</option>{$orderList}</select>
               {elseif !isset($customerThread.id_order) && !isset($isLogged)}
                   <input type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" />
               {elseif $customerThread.id_order > 0}
                   <input type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />
               {/if}
           </p>
           {/if}
           {if isset($isLogged) && $isLogged}
           <p class="text">
           <label for="id_product">{l s='Product'}</label>
               {if !isset($customerThread.id_product)}
                   <select name="id_product" style="width:300px;"><option value="0">{l s='-- Choose --'}</option>{$orderedProductList}</select>
               {elseif $customerThread.id_product > 0}
                   <input type="text" name="id_product" id="id_product" value="{$customerThread.id_product|intval}" readonly="readonly" />
               {/if}
           </p>
           {/if}
       {/if}
       {if $fileupload == 1}
           <p class="text">
           <label for="fileUpload">{l s='Attach File'}</label>
               <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
               <input type="file" name="fileUpload" id="fileUpload" />
           </p>
       {/if}
       <p class="textarea">
           <label for="message">{l s='Message'}</label>
            <textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px">{if isset($message)}{$message|escape:'htmlall':'UTF-8'|stripslashes}{/if}</textarea>
       </p>
       <p class="submit">
           <input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />
       </p>
   </fieldset>
</form>
{/if}

Edited September 4, 2012 by ihammer (see edit history)

ihammer · September 5, 2012

Nngun alma caritativa me echa una mano? :rolleyes: :rolleyes:

kristianmu · September 6, 2012

Cambia tu codigo así:

<div class="formularioderecha"><h1>{l s='Customer Service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if}</h1>{if isset($confirmation)}   <p>{l s='Your message has been successfully sent to our team.'}</p>   <ul class="footer_links">    <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>   </ul>{elseif isset($alreadySent)}   <p>{l s='Your message has already been sent.'}</p>   <ul class="footer_links">    <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>   </ul>{else}   <p class="bold">{l s='For questions about an order or for more information about our products'}.</p>   {include file="$tpl_dir./errors.tpl"}   <form action="{$request_uri|escape:'htmlall':'UTF-8'}" method="post" class="std" enctype="multipart/form-data">    <fieldset>	    <h3>{l s='Send a message'}</h3>	    <p class="select">		    <label for="id_contact">{l s='Subject Heading'}</label>	    {if isset($customerThread.id_contact)}		    {foreach from=$contacts item=contact}			    {if $contact.id_contact == $customerThread.id_contact}				    <input type="text" id="contact_name" name="contact_name" value="{$contact.name|escape:'htmlall':'UTF-8'}" readonly="readonly" />				    <input type="hidden" name="id_contact" value="{$contact.id_contact}" />			    {/if}		    {/foreach}	    </p>	    {else}		    <select id="id_contact" name="id_contact" onchange="showElemFromSelect('id_contact', 'desc_contact')">			    <option value="0">{l s='-- Choose --'}</option>		    {foreach from=$contacts item=contact}			    <option value="{$contact.id_contact|intval}" {if isset($smarty.post.id_contact) && $smarty.post.id_contact == $contact.id_contact}selected="selected"{/if}>{$contact.name|escape:'htmlall':'UTF-8'}</option>		    {/foreach}		    </select>	    </p>	    <p id="desc_contact0" class="desc_contact"> </p>		    {foreach from=$contacts item=contact}			    <p id="desc_contact{$contact.id_contact|intval}" class="desc_contact" style="display:none;">				    <label> </label>{$contact.description|escape:'htmlall':'UTF-8'}			    </p>		    {/foreach}	    {/if}	    <p class="text">		    <label for="email">{l s='E-mail address'}</label>		    {if isset($customerThread.email)}			    <input type="text" id="email" name="from" value="{$customerThread.email}" readonly="readonly" />		    {else}			    <input type="text" id="email" name="from" value="{$email}" />		    {/if}	    </p>    {if !$PS_CATALOG_MODE}	    {if (!isset($customerThread.id_order) || $customerThread.id_order > 0)}	    <p class="text">		    <label for="id_order">{l s='Order ID'}</label>		    {if !isset($customerThread.id_order) && isset($isLogged) && $isLogged == 1}			    <select name="id_order" ><option value="0">{l s='-- Choose --'}</option>{$orderList}</select>		    {elseif !isset($customerThread.id_order) && !isset($isLogged)}			    <input type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" />		    {elseif $customerThread.id_order > 0}			    <input type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />		    {/if}	    </p>	    {/if}	    {if isset($isLogged) && $isLogged}	    <p class="text">	    <label for="id_product">{l s='Product'}</label>		    {if !isset($customerThread.id_product)}			    <select name="id_product" style="width:300px;"><option value="0">{l s='-- Choose --'}</option>{$orderedProductList}</select>		    {elseif $customerThread.id_product > 0}			    <input type="text" name="id_product" id="id_product" value="{$customerThread.id_product|intval}" readonly="readonly" />		    {/if}	    </p>	    {/if}    {/if}    {if $fileupload == 1}	    <p class="text">	    <label for="fileUpload">{l s='Attach File'}</label>		    <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />		    <input type="file" name="fileUpload" id="fileUpload" />	    </p>    {/if}    <p class="textarea">	    <label for="message">{l s='Message'}</label>		 <textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px">{if isset($message)}{$message|escape:'htmlall':'UTF-8'|stripslashes}{/if}</textarea>    </p>    <p class="submit">	    <input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />    </p>   </fieldset></form>{/if}</div><div class="formularioizquierda"><p>Direccion<p/><p>telefono<p/><p>Mas cosas<p/><div class="mapa">/* Aqui pegas el codigo de google maps*/</div></div>

A parte en el global.css tienes que añadir:

.formularioderecha{float: left;width: 49%}.formularioderecha{float: left;width: 49%}.formularioderecha p{float: left;width: 100%}.mapa{float: left;width: 100%}

Creo que con esto, o retocando un poco eso ya tendrás listo lo del mapa.

Y para lo del Asunto: Tienes que modificar los dos apartados donde sale este codigo:

{if !isset($customerThread.id_order) && isset($isLogged) && $isLogged == 1}			    <select name="id_order" ><option value="0">{l s='-- Choose --'}</option>{$orderList}</select>		    {elseif !isset($customerThread.id_order) && !isset($isLogged)}			    <input type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" />		    {elseif $customerThread.id_order > 0}			    <input type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />		    {/if}

Y modificarlo por este:

{if !isset($customerThread.id_order) && isset($isLogged) && $isLogged == 1}	    <select name="id_order" class="ocultar" ><option value="0" selected="selected">{l s='-- Choose --'}</option>{$orderList}</select>    {elseif !isset($customerThread.id_order) && !isset($isLogged)}	    <input type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" />    {elseif $customerThread.id_order > 0}	    <input type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />    {/if}

Y en el global.css:

.ocultar {display: hidden;}

Antes de nada realiza una copia de seguridad!!

ihammer · September 6, 2012

Voy a probarlo crack, despues os digo algo.

Gracias de antemano

ihammer · September 6, 2012

Buenas de nuevo ^^

Lo de arriba queda un poco descuadrado, pero va cogiendo forma ya. Lo del mapa me sale abajo del formulario, no se si he echo algo mal

http://umoh.es/tienda/contact-form.php

Pongo el codigo tal cual lo tengo ahora

{*
{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2011 PrestaShop SA
*  @version  Release: $Revision: 6594 $
*  @license	http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{capture name=path}{l s='Contact'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}

<div class="formularioderecha">
<h1>{l s='Customer Service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if}</h1>
{if isset($confirmation)}
<p>{l s='Your message has been successfully sent to our team.'}</p>
<ul class="footer_links">
		<li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
</ul>
{elseif isset($alreadySent)}
<p>{l s='Your message has already been sent.'}</p>
<ul class="footer_links">
		<li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
</ul>
{else}
<p class="bold">{l s='For questions about an order or for more information about our products'}.</p>
{include file="$tpl_dir./errors.tpl"}
<form action="{$request_uri|escape:'htmlall':'UTF-8'}" method="post" class="std" enctype="multipart/form-data">
		<fieldset>
				<h3>{l s='Send a message'}</h3>
				<p class="select">
						<label for="id_contact">{l s='Subject Heading'}</label>
				{if isset($customerThread.id_contact)}
						{foreach from=$contacts item=contact}
								{if $contact.id_contact == $customerThread.id_contact}
										<input type="text" id="contact_name" name="contact_name" value="{$contact.name|escape:'htmlall':'UTF-8'}" readonly="readonly" />
										<input type="hidden" name="id_contact" value="{$contact.id_contact}" />
								{/if}
						{/foreach}
				</p>
				{else}
						<select id="id_contact" name="id_contact" onchange="showElemFromSelect('id_contact', 'desc_contact')">
								<option value="0">{l s='-- Choose --'}</option>
						{foreach from=$contacts item=contact}
								<option value="{$contact.id_contact|intval}" {if isset($smarty.post.id_contact) && $smarty.post.id_contact == $contact.id_contact}selected="selected"{/if}>{$contact.name|escape:'htmlall':'UTF-8'}</option>
						{/foreach}
						</select>
				</p>
				<p id="desc_contact0" class="desc_contact"> </p>
						{foreach from=$contacts item=contact}
								<p id="desc_contact{$contact.id_contact|intval}" class="desc_contact" style="display:none;">
										<label> </label>{$contact.description|escape:'htmlall':'UTF-8'}
								</p>
						{/foreach}
				{/if}
				<p class="text">
						<label for="email">{l s='E-mail address'}</label>
						{if isset($customerThread.email)}
								<input type="text" id="email" name="from" value="{$customerThread.email}" readonly="readonly" />
						{else}
								<input type="text" id="email" name="from" value="{$email}" />
						{/if}
				</p>
		{if !$PS_CATALOG_MODE}
				{if (!isset($customerThread.id_order) || $customerThread.id_order > 0)}
				<p class="text">
						<label for="id_order">{l s='Order ID'}</label>
						{if !isset($customerThread.id_order) && isset($isLogged) && $isLogged == 1}
				<select name="id_order" class="ocultar" ><option value="0" selected="selected">{l s='-- Choose --'}</option>{$orderList}</select>
		{elseif !isset($customerThread.id_order) && !isset($isLogged)}
				<input type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" />
		{elseif $customerThread.id_order > 0}
				<input type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />
		{/if}
				</p>
				{/if}
				{if isset($isLogged) && $isLogged}
				<p class="text">
				<label for="id_product">{l s='Product'}</label>
						{if !isset($customerThread.id_product)}
								<select name="id_product" style="width:300px;"><option value="0">{l s='-- Choose --'}</option>{$orderedProductList}</select>
						{elseif $customerThread.id_product > 0}
								<input type="text" name="id_product" id="id_product" value="{$customerThread.id_product|intval}" readonly="readonly" />
						{/if}
				</p>
				{/if}
		{/if}
		{if $fileupload == 1}
				<p class="text">
				<label for="fileUpload">{l s='Attach File'}</label>
						<input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
						<input type="file" name="fileUpload" id="fileUpload" />
				</p>
		{/if}
		<p class="textarea">
				<label for="message">{l s='Message'}</label>
					 <textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px">{if isset($message)}{$message|escape:'htmlall':'UTF-8'|stripslashes}{/if}</textarea>
		</p>
		<p class="submit">
				<input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />
		</p>
</fieldset>
</form>
{/if}
</div>
<div class="formularioizquierda">
<p>Direccion<p/>
<p>telefono<p/>
<p>Mas cosas<p/>
<div class="mapa">
/* Aqui pegas el codigo de google maps*/
</div>
</div>

Gracias por la ayuda

Edited September 6, 2012 by ihammer (see edit history)

kristianmu · September 7, 2012

Me lié con el css y el orden de los divs

El código tiene que quedar así:


<div class="tituloformulario">
<h1>{l s='Customer Service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if}</h1>
</div>
<div class="formularioizquierda">
<p>Direccion<p/>
<p>telefono<p/>
<p>Mas cosas<p/>
<div class="mapa">
 /* Aqui pegas el codigo de google maps*/
</div>
</div>
<div class="formularioderecha">
{if isset($confirmation)}
	 <p>{l s='Your message has been successfully sent to our team.'}</p>
	 <ul class="footer_links">
	  <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
	 </ul>
{elseif isset($alreadySent)}
	 <p>{l s='Your message has already been sent.'}</p>
	 <ul class="footer_links">
	  <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
	 </ul>
{else}
	 <p class="bold">{l s='For questions about an order or for more information about our products'}.</p>
	 {include file="$tpl_dir./errors.tpl"}
	 <form action="{$request_uri|escape:'htmlall':'UTF-8'}" method="post" class="std" enctype="multipart/form-data">
	  <fieldset>
		  <h3>{l s='Send a message'}</h3>
			 <p class="select">
				   <label for="id_contact">{l s='Subject Heading'}</label>
					  {if isset($customerThread.id_contact)}
							{foreach from=$contacts item=contact}
											{if $contact.id_contact == $customerThread.id_contact}
															<input type="text" id="contact_name" name="contact_name" value="{$contact.name|escape:'htmlall':'UTF-8'}" readonly="readonly" />
															<input type="hidden" name="id_contact" value="{$contact.id_contact}" />
											{/if}
							{/foreach}
						   </p>
						{else}
						  <select id="id_contact" name="id_contact" onchange="showElemFromSelect('id_contact', 'desc_contact')">
										  <option value="0">{l s='-- Choose --'}</option>
						  {foreach from=$contacts item=contact}
										  <option value="{$contact.id_contact|intval}" {if isset($smarty.post.id_contact) && $smarty.post.id_contact == $contact.id_contact}selected="selected"{/if}>{$contact.name|escape:'htmlall':'UTF-8'}</option>
						  {/foreach}
						  </select>
					  </p>
				   <p id="desc_contact0" class="desc_contact"> </p>
					  {foreach from=$contacts item=contact}
									  <p id="desc_contact{$contact.id_contact|intval}" class="desc_contact" style="display:none;">
													  <label> </label>{$contact.description|escape:'htmlall':'UTF-8'}
									  </p>
					  {/foreach}
		 {/if}
						<p class="text">
							<label for="email">{l s='E-mail address'}</label>
							{if isset($customerThread.email)}
											<input type="text" id="email" name="from" value="{$customerThread.email}" readonly="readonly" />
							{else}
											<input type="text" id="email" name="from" value="{$email}" />
							{/if}
						</p>
					 {if !$PS_CATALOG_MODE}
					  {if (!isset($customerThread.id_order) || $customerThread.id_order > 0)}
							 <p class="text">
						  <label for="id_order">{l s='Order ID'}</label>
						 {if !isset($customerThread.id_order) && isset($isLogged) && $isLogged == 1}
						  <select name="id_order" class="ocultar" ><option value="0" selected="selected">{l s='-- Choose --'}</option>{$orderList}</select>
					  {elseif !isset($customerThread.id_order) && !isset($isLogged)}
						   <input type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" />
					  {elseif $customerThread.id_order > 0}
						   <input type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />
					  {/if}
					  </p>
					 {/if}
					  {if isset($isLogged) && $isLogged}
					   <p class="text">
					   <label for="id_product">{l s='Product'}</label>
								{if !isset($customerThread.id_product)}
									<select name="id_product" style="width:300px;"><option value="0">{l s='-- Choose --'}</option>{$orderedProductList}</select>
								{elseif $customerThread.id_product > 0}
									<input type="text" name="id_product" id="id_product" value="{$customerThread.id_product|intval}" readonly="readonly" />
								{/if}
					   </p>
						{/if}
					 {/if}
					 {if $fileupload == 1}
							<p class="text">
							 <label for="fileUpload">{l s='Attach File'}</label>
							 <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
							 <input type="file" name="fileUpload" id="fileUpload" />
							</p>
					 {/if}
					 <p class="textarea">
					  <label for="message">{l s='Message'}</label>
						 <textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px">{if isset($message)}{$message|escape:'htmlall':'UTF-8'|stripslashes}{/if}</textarea>
					 </p>
					 <p class="submit">
					  <input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />
					 </p>
	 </fieldset>
</form>
{/if}
</div>

Y en el css también me colé... las prisas no son buenas jeje:

.tituloformulario {
float:left;
width: 100%;
}
.formularioderecha{
float: left;
width: 49%
}
.formularioizquierda{
float: left;
width: 49%
}
.formularioderecha p{
float: left;
width: 100%
}
.mapa{
float: left;
width: 100%
}

A ver ahora que tal...

Edited September 7, 2012 by KristianMM (see edit history)

ihammer · September 7, 2012

Gracias crack, voy a probarlo

ihammer · September 7, 2012

Eres un crack !!!! Ya me sale todo en su lugar.

Lo del Tema me sigue saliendo, no se de que podrá ser

Ya que lo suprimí, parecia que iba bien, pero al enviar el formulario, me decia que tenia que escojer una opción, y en el formulario ya no habia la opcion ni de Webmaster ni de atencion al cliente, sino lo sabeis no pasa nada, con esto ya me habeis ayudado

Un saludo !!!!

Edited September 7, 2012 by ihammer (see edit history)

kristianmu · September 7, 2012

Hola, te llegará un mail de contacto mio del correo "[email protected]" jeje que hice un test.

Pues para lo del Tema, creo que falta cambiando

<select id="id_contact" name="id_contact" onchange="showElemFromSelect('id_contact', 'desc_contact')">
   <option value="0">{l s='-- Choose --'}</option>
  {foreach from=$contacts item=contact}
               <option value="{$contact.id_contact|intval}" {if isset($smarty.post.id_contact) && $smarty.post.id_contact == $contact.id_contact}selected="selected"{/if}>{$contact.name|escape:'htmlall':'UTF-8'}</option>
   {/foreach}
</select>

cámbialo por :

<select id="id_contact" name="id_contact" class='ocultar'>
{foreach from=$contacts item=contact}
          <option value="{$contact.id_contact|intval}" selected="selected" >{$contact.name|escape:'htmlall':'UTF-8'}</option>
{/foreach}
</select>

Y con lo del ocultar que te dije en el css en el otro comentario

A ver si así funciona.

ihammer · September 7, 2012

Sigue saliendo, pero da igual, no te preocupes, ya me sale lo del mapa y lo otro y ya me conformo, puse todo tal cual me dijiste, mira, pego el codigo

contact-form.tpl

{*
* 2007-2011 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2011 PrestaShop SA
*  @version  Release: $Revision: 6594 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{capture name=path}{l s='Contact'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}

<div class="tituloformulario">
<h1>{l s='Customer Service'} - {if isset($customerThread) && $customerThread}{l s='Your reply'}{else}{l s='Contact us'}{/if}</h1>
</div>
<div class="formularioizquierda">
<br />
<br />
<p><img src="http://umoh.es/tienda/img/logo.jpg?1346860419"/>
<p>C/La Ribera s/n nave 6<p/>
<p>09007 Burgos<p/>
<p>Telf. 947481371 Fax. 947481455<p/>
<p>Mail: <a href="mailto:[email protected]">[email protected]</a>
<p/>
<div class="mapa">
 /* Aqui pegas el codigo de google maps*/
</div>
</div>
<div class="formularioderecha">
{if isset($confirmation)}
			 <p>{l s='Your message has been successfully sent to our team.'}</p>
			 <ul class="footer_links">
			  <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
			 </ul>
{elseif isset($alreadySent)}
			 <p>{l s='Your message has already been sent.'}</p>
			 <ul class="footer_links">
			  <li><a href="{$base_dir}"><img class="icon" alt="" src="{$img_dir}icon/home.gif"/></a><a href="{$base_dir}">{l s='Home'}</a></li>
			 </ul>
{else}
			 <p class="bold">{l s='For questions about an order or for more information about our products'}.</p>
			 {include file="$tpl_dir./errors.tpl"}
			 <form action="{$request_uri|escape:'htmlall':'UTF-8'}" method="post" class="std" enctype="multipart/form-data">
			  <fieldset>
					  <h3>{l s='Send a message'}</h3>
							 <p class="select">
									   <label for="id_contact">{l s='Subject Heading'}</label>
											  {if isset($customerThread.id_contact)}
														    {foreach from=$contacts item=contact}
																						    {if $contact.id_contact == $customerThread.id_contact}
																														    <input type="text" id="contact_name" name="contact_name" value="{$contact.name|escape:'htmlall':'UTF-8'}" readonly="readonly" />
																														    <input type="hidden" name="id_contact" value="{$contact.id_contact}" />
																						    {/if}
														    {/foreach}
													   </p>
												    {else}
													  <select id="id_contact" name="id_contact" class='ocultar'>
{foreach from=$contacts item=contact}
	   <option value="{$contact.id_contact|intval}" selected="selected" >{$contact.name|escape:'htmlall':'UTF-8'}</option>
{/foreach}
</select>
											  </p>
									   <p id="desc_contact0" class="desc_contact"> </p>
											  {foreach from=$contacts item=contact}
																			  <p id="desc_contact{$contact.id_contact|intval}" class="desc_contact" style="display:none;">
																											  <label> </label>{$contact.description|escape:'htmlall':'UTF-8'}
																			  </p>
											  {/foreach}
					 {/if}
												    <p class="text">
														    <label for="email">{l s='E-mail address'}</label>
														    {if isset($customerThread.email)}
																						    <input type="text" id="email" name="from" value="{$customerThread.email}" readonly="readonly" />
														    {else}
																						    <input type="text" id="email" name="from" value="{$email}" />
														    {/if}
												    </p>
											 {if !$PS_CATALOG_MODE}
											  {if (!isset($customerThread.id_order) || $customerThread.id_order > 0)}
															 <p class="text">
													  <label for="id_order">{l s='Order ID'}</label>
													 {if !isset($customerThread.id_order) && isset($isLogged) && $isLogged == 1}
													  <select name="id_order" class="ocultar" ><option value="0" selected="selected">{l s='-- Choose --'}</option>{$orderList}</select>
											  {elseif !isset($customerThread.id_order) && !isset($isLogged)}
													   <input type="text" name="id_order" id="id_order" value="{if isset($customerThread.id_order) && $customerThread.id_order > 0}{$customerThread.id_order|intval}{else}{if isset($smarty.post.id_order)}{$smarty.post.id_order|intval}{/if}{/if}" />
											  {elseif $customerThread.id_order > 0}
													   <input type="text" name="id_order" id="id_order" value="{$customerThread.id_order|intval}" readonly="readonly" />
											  {/if}
											  </p>
											 {/if}
											  {if isset($isLogged) && $isLogged}
											   <p class="text">
											   <label for="id_product">{l s='Product'}</label>
																    {if !isset($customerThread.id_product)}
																		    <select name="id_product" style="width:300px;"><option value="0">{l s='-- Choose --'}</option>{$orderedProductList}</select>
																    {elseif $customerThread.id_product > 0}
																		    <input type="text" name="id_product" id="id_product" value="{$customerThread.id_product|intval}" readonly="readonly" />
																    {/if}
											   </p>
												    {/if}
											 {/if}
											 {if $fileupload == 1}
														    <p class="text">
															 <label for="fileUpload">{l s='Attach File'}</label>
															 <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
															 <input type="file" name="fileUpload" id="fileUpload" />
														    </p>
											 {/if}
											 <p class="textarea">
											  <label for="message">{l s='Message'}</label>
													 <textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px">{if isset($message)}{$message|escape:'htmlall':'UTF-8'|stripslashes}{/if}</textarea>
											 </p>
											 <p class="submit">
											  <input type="submit" name="submitMessage" id="submitMessage" value="{l s='Send'}" class="button_large" onclick="$(this).hide();" />
											 </p>
			 </fieldset>
</form>
{/if}
</div>

Y el global.css

/*
   PrestaShop CSS
   18 used colors:
   10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4
   4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630
   2 yellows: #f8e1a0 #f9e400
   1 green: #488c40
   1 red: #da0f00
*/

* {
   padding: 0;
   margin: 0
}
.ocultar {
display: hidden;
}
.tituloformulario {
float:left;
width: 100%;
}
.formularioderecha{
float: left;
width: 49%
}
.formularioizquierda{
float: left;
width: 49%
}
.formularioderecha p{
float: left;
width: 100%
}
.mapa{
float: left;
width: 100%
}
body {
   background-color: white;
   font-size: 12px; /*ps1*/
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #5d717e;
   text-align: center;
}

/* Useful */
.align_center { text-align: center }
.align_right { text-align: right }
.middle { vertical-align: middle }
.align_justify { text-align: justify }
.uppercase { text-transform: uppercase }
.hidden, .collapsed, .block_hidden_only_for_screen { display: none }
.wrap { white-space: normal }
.bold { font-weight: bold }
.strike { text-decoration: line-through }
.italic { font-style: italic }
.top { vertical-align: top }
.span_link { cursor: pointer }
.span_link:hover { text-decoration: underline }
.clear { clear: both }
br.clear {
   clear: both;
   line-height: 0;
   font-size: 0;
   height: 0
}
noscript ul { list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }
/* new clearfix */
.clearfix:after {
   clear: both;
   display: block;
   height: 0;
   font-size: 0;
   visibility: hidden;
   content: ".";
}
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }

/* Footer links */
.footer_links {
   list-style-type: none;
   clear: both;
   height: 2em;
   margin-top: 2em
}
.footer_links li {
   float: left;
   margin-right: 2em;
   height: 2em
}
.footer_links a { text-decoration: none }
.footer_links a:hover { color: black }
.footer_links img.icon { vertical-align: -2px }

/* transfert effect*/
.transferProduct { border: 2px solid #888 }

/* simple list inline */
.inline_list { list-style-type: none; margin-top: 1em }
.inline_list li { float: left; text-align: center }
.inline_list img { display: block }
ul.half {
   width: 45%;
   margin-right: 1em;
   float: left
}

/* Category tree (i.e. in sitemap) */
div.tree_top {
   background: url('../img/sitemap-top.gif') no-repeat -1px -3px;
   padding-left: 24px;
   padding-bottom: 5px;
   padding-top: 3px
}
ul.tree, ul.tree ul { list-style-type: none }
ul.tree li {
   padding-left: 1.2em;
   border-left: 1px gray dotted;
   background: url(../img/sitemap-horizontal.png) no-repeat left 10px;
   margin-left: 1em
}
ul.tree a { padding-left: 0.2em }
ul.tree a.selected { font-weight: bold }
ul.tree li.last {
   background: url(../img/sitemap-last.gif) no-repeat -12px -2px;
   border: none
}
span.grower { cursor: pointer }

/* Tabs */
.idTabs {
   list-style-type: none;
   /*border-bottom: solid 1px #76839b;*/ /*ps1*/
   height: 21px;
   margin-top: 1em
}
ul.idTabs li {
   float: left;
   margin-right: 5px; /*ps1*/
}
.idTabs a {
   background-image: url('../img/tab_bg.jpg');
   display: block;
   width: 173px;
   height: 30px; /*ps1*/
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
   padding-top: 3px;
   color: #374853;
   /*ps1*/
   line-height: 30px;
   text-shadow: 0px 1px 0px #E5E5EE;
}
.idTabs .selected {
   background-image: url('../img/tab_bg_selected.jpg');
   color: white
}

/* IdTabs Short*/
.idTabsShort a {
   /*background-image: url('../img/tab_bg_short.jpg');*/ /*ps1*/
   background: #d8d8d8; /*ps1*/
   width: 138px;
   /*ps1*/
   box-shadow: inset 0 -3px 5px #ccc;
   -o-box-shadow: inset 0 -3px 5px #ccc;
   -moz-box-shadow: inset 0 -3px 5px #ccc;
   -webkit-box-shadow: inset 0 -3px 5px #ccc;
}
.idTabsShort .selected {
   /*background-image: url('../img/tab_bg_selected_short.jpg');
   color: white;*/ /*ps1*/
   background: #E8E8E8;
   color: #555;
   box-shadow: none;
   -o-box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;

}
div.sheets {
   clear: both;
   padding: 1em;
   border: 5px solid #E8E8E8;/*ps1*/
}
#more_info_sheets li {
   background-position: 6px 4px;
   margin-bottom: 0.4em
}

/* global style */
a {
   color: #5d717e;
   text-decoration: underline;
   outline: none
}
a:hover { text-decoration: none }
.input:focus { outline: 0 }
a img {
   outline: none;
   border: none;
   text-decoration: none
}
h1 {
   font-size: 2em; /*ps1*/
   line-height: 50px;/*ps1*/
   padding-left: 0.5em;
   margin: 10px 0 20px 0;/*ps1*/
   text-transform: uppercase;
   font-weight: bold;
   color: #eaeaea;/*ps1*/
   background-color: #ccc;/*ps1*/
   height: 50px;/*ps1*/
   /*ps1*/
   text-shadow: 0px 1px 0px #ffffff;
   background: -webkit-linear-gradient(top, #000, #000);
   background: -moz-linear-gradient(top, #2a2a2a, #2a2a2a);
   background: -ms-linear-gradient(top, #BBB, #DDD);
   background: -o-linear-gradient(top, #BBB, #DDD);
}
h1 span {
   font-size: 16px;/*ps1*/
   text-transform: none;
   font-weight: normal;
   font-style: italic;
   color: #888;/*ps1*/
   margin-left: 1em;
   /*ps1*/
   text-shadow: 0px 1px 0px #E5E5EE;
}
h2 {
   font-size: 1.6em; /*ps1*/
   line-height: 40px;/*ps1*/
   padding-left: 0.5em;
   margin: 0.5em 0;
   text-transform: uppercase;
   font-weight: bold;
   color: #888;/*ps1*/
   background-color: #ccc;/*ps1*/
   /*background: transparent url('../img/title_bg.png') no-repeat top left;*/
   height: 40px;/*ps1*/
   /*ps1*/
   text-shadow: 0px 1px 0px #E5E5EE;
   background: -webkit-linear-gradient(top, #BBB, #DDD);
   background: -moz-linear-gradient(top, #BBB, #DDD);
   background: -ms-linear-gradient(top, #BBB, #DDD);
   background: -o-linear-gradient(top, #BBB, #DDD);
}
h2 span {
   font-size: 0.9em;
   text-transform: none;
   font-weight: normal;
   font-style: italic;
   color: #374853;
   margin-left: 1em
}
h3 { font-size: 1.1em; margin: 1em 0 }
h4 { font-size: 1em }

/* global layout */
#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}
#header_logo {
   float: left;
   width: 350px; /*ps1*/
   display: block;
   margin-bottom: 15px; /*ps1*/
}
img.logo {
   float: left;
   margin-top: 0.5em;
   font-size: 2em;
   font-weight: bold
}
#header_right {
   float: right; /*ps1*/
   margin-bottom: 15px;
   width: 50%;
   text-align: right
}
#left_column, #center_column, #right_column { float: left }
#left_column {
   clear: left;
   width: 191px;
   margin-right: 21px;
   overflow: hidden
}
#center_column {
   /*width: 556px;*/ /*ps1*/
   margin: 0 0 30px 0;
   overflow: hidden;
   width: 100%;
   padding-bottom: 0; /*ps1*/
}
#old_center_column { display: none }

.ac_results_instant {
   display: none;
   visibility: hidden
}
#instant_search_results a.close {
   background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
   float: right;
   margin-right: 7px;
   padding-right: 21px;
   text-transform: none
}
#right_column {
   width: 191px;
   margin-left: 21px;
   overflow: hidden
}

/* global RTE fields */
.rte,
.mceContentBody {
   text-align: left;
   background: white;
   color: black
}
body.mceContentBody {
   margin: 9px 6px;
   width: 556px
}
.rte html,.rte div,.rte span,.rte applet,.rte object,.rte iframe,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte blockquote,.rte pre,.rte a,.rte abbr,.rte acronym,.rte address,.rte big,.rte cite,.rte code,.rte del, .rte dfn, .rte em,.rte font,.rte img,.rte ins,.rte kbd,.rte q,.rte s,.rte samp,.rte small,.rte strike,.rte strong,.rte sub,.rte sup,.rte tt,.rte var,.rte dl,.rte dt,.rte dd,.rte ol,.rte ul,.rte li,.rte fieldset,.rte form,.rte label,.rte legend,.rte table,.rte caption,.rte tbody,.rte tfoot,.rte thead,.rte tr, .rte th,.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline
}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,
.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
   margin: 0.75em 0 0.3em 0;
   color: #374853
}
.rte h1,
.mceContentBody h1 {
   font-size: 25px;
   font-weight: bold;
   background: inherit
}
.rte h2,
.mceContentBody h2 {
   font-size: 20px;
   background: none;
   text-transform: none;
   height: auto
}
.rte h3, .mceContentBody h3 { font-size: 16px }
.rte h4, .mceContentBody h4 { font-size: 14px }
.rte h5,.mceContentBody h5 { font-size: 12px }
.rte h6, div.rte h6 { font-size: 8px }
.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }
.rte ul, .mceContentBody ul {
   list-style-type: square;
   margin-left: 10px
}
.rte strong, .mceContentBody strong { font-weight: bold }
.rte em, .mceContentBody em { font-style: italic }

/* tables still need 'cellspacing="0"' in the markup */
.rte table,.mceContentBody table {
   border-collapse: separate;
   border-spacing: 1px;
   width: auto
}
.rte caption, .rte th, .rte td, .rte table,
.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
   text-align: left;
   font-weight: normal;
   background: none;
   height: inherit;
   border: 1px #e5e6e7 solid;
   text-align: center
}
.rte th, .mceContentBody th {
   padding-left: 1em;
   padding-right: 1em;
   background: #e5e6e7
}
#center_column .rte p,
.mceContentBody p { padding-left: 0; margin: 0.5em 0 }
.rte ol, .mceContentBody ol {
   list-style-type: decimal;
   margin-left: 10px
}

/* /global RTE fields */

/* global table style */
div.table_block {
   background: transparent url('../img/table_footer.gif') no-repeat bottom left;
   padding-bottom: 6px;
   margin: 0 auto 2em;
   /*width: 541px*/ /*ps1*/
}
.std {font-size: 12px;/*ps1*/}
table.std {
   border-spacing: 0;
   border-collapse: collapse;
   width: 100%;
    /*ps1*/
   background-color: #F1F2F4;
   border: 1px #D0D3D8 solid;
}
/*class table.std */
.std td,.std th { padding: 0.4em 0.5em }
.std th { white-space: nowrap }
.std tr.item td,.std .item th { background-color: white }
.std tr.alternate_item td,
.std tr.alternate_item th { background-color: #f1f2f4 }
.std tbody td,.std tfoot td { border-top: 1px solid #bdc2c9 }
.std thead th {
   background-color: transparent;
   /*background-image: url('../img/table_header.gif');*/ /*ps1*/
   background-repeat: no-repeat;
   height: 24px;
   color: #374853;
   font-weight: bold;
   text-align: left;
   white-space: nowrap;
   background-color: #CCC;/*ps1*/
}
.std th.first_item { background-position: top left }
.std th.last_item { background-position: top right }
.std th.item { background-position: -5px 0 }
.std tfoot td {
   color: #374853;
   text-align: right;
   white-space: nowrap
}

/*ps1*/
table#carrierTable{
border: none;
}

/* /global table style */

/* global form style */
form.std { clear: both }
form.std h3 {
   color: #555;
   font-size: 1.4em;
   font-weight: normal;
   border-bottom: 1px solid #d0d1d5;
   padding: 0.5em;
   margin: 0 0 0.5em 0
}
form.std fieldset {
   border: 1px solid #d0d3d8;
   /*background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left;*/
   margin-bottom: 1em;
   padding-bottom: 1em;
   /*ps1*/
   background: -webkit-linear-gradient(top, #e8e8e8, #f8f8f8);
   background: -moz-linear-gradient(top, #e8e8e8, #f8f8f8);
   background: -ms-linear-gradient(top, #e8e8e8, #f8f8f8);
   background: -o-linear-gradient(top, #e8e8e8, #f8f8f8);
   background-color: #efefef;
}
form.std legend {
   padding: 0.3em 0.6em;
   margin: 1em 0 1em 0.5em;
   font-size: 1.6em;
   font-weight: 100;
   border-color: #d0d1d5;
   border-style: solid;
   border-width: 1px
}
form.std h4, form.std p {
   padding: 0.3em 1em;
   clear: both
}
form.std label, form.std p span {
   float: left;
   text-align: right;
   width: 30%;
   line-height: 30px; /*ps1*/
}
form.std p span.like_input {
   width: auto;
   margin-left: 0.7em
}
input, textarea, select, span.editable {
   margin-left: 0.7em;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   outline: none
}
input, textarea, select { border: 1px solid #bdc2c9 }

/*ps1*/
p.text input, p.password input, select{
   padding: 5px;
}


input.text {
   height: 18px;
   padding: 5px; /*ps1*/
}
.checkbox input, .radio input { border: none }
/*ps1*/
.radio input {
   margin-top: 10px;
}

form.std .checkbox label, form.std .radio label, form.std span.form_info {
   margin: 0;
   float: none;
   text-align: left
}
.required sup { color: #da0f00 }
form.std p.checkbox { padding-left: 30% }
form.std p.submit {
   padding-left: 31%!important;
   margin-bottom: 1.5em
}
#center_column form.std p.submit2 {
   padding-left: 170px;
   margin-bottom: 1.5em
}

/* START OF BUTTONS SECTION
* -tags: input, a, span
* -sizes: mini, small, normal, large
* -types: button, exlusive
* -status: normal, hover, disabled
* -rule: the span.button is a a.button disabled
*/

/* global button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
   background-repeat: no-repeat;
   background-position: top left;
   border: none;
   color: #555!important; /*ps1*/
   font-weight: bold;
   font-size: 12px!important; /*ps1*/
   text-align: center;
   text-decoration: none!important;
   cursor: pointer;
   display: block;
   line-height: 32px;/*18px*/ /*ps1*/
   height: 32px;/*18px*/ /*ps1*/
   text-shadow: 0px 1px 0px white;/*ps1*/
}

/* input button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {
   padding-bottom: 2px
}

/* disabled button */
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
   background-position: left -64px; /*left -36px;*/ /*ps1*/
   cursor: default;
   color: #888!important
}

/* exclusive button */
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
   color: #555!important; /*ps1*/
}

/* exclusive disabled button */
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
   color: #488c40!important
}

/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
   background-position: left -32px;/*left -18px*/ /*ps1*/
}

/* exclusive hover button */
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
   /*color: white!important*/ /*ps1*/
}

/* classic buttons */
input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {
   width: 50px; /*ps1*/
   background-image: url('../img/gray_button_mini.png');/*url('../img/button-mini.png')*/ /*ps1*/
   background-color: transparent; /*ps1*/
}
input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {
   width: 60px;
   background-image: url('../img/button-small.png')
}
input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {
   width: 120px;
   background-image: url('../img/gray_button_med.png');/*url('../img/button-medium.png')*/ /*ps1*/
   background-color: transparent; /*ps1*/
}
input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {
   width: 180px;
   background-image: url('../img/gray_button_large.png');/*url('../img/button-large.png')*/ /*ps1*/
   background-color: transparent; /*ps1*/
}

/* exclusive button */
input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {
background-image: url('../img/gray_button_med.png'); /*url('../img/button-medium_exclusive.png');*/ /*ps1*/
}
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') }
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') }
input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled {
   background-image: url('../img/gray_button_large.png'); /*url('../img/button-large_exclusive.gif') */ /*ps1*/
}

/* id_state field in managed via JS and is firstly hidden */
form p.id_state { display: none }

/* generic style */
ul.bullet li, .block ul.bullet li, li.bullet {
   padding-left: 2em;
   background: transparent url('../img/bullet.gif') no-repeat 6px 6px;
   list-style-type: none
}

.price-discount { text-decoration: line-through }
.price-pretax { color: gray }
.price-ecotax { color: #488c40 }
img.icon { margin-right: 0.5em; vertical-align: middle }
.weight-price {
   font-size: 0.75em;
   text-align: right;
   color: gray
}

.volume-price {
   font-size: 0.75em;
   text-align: right;
   color: gray
}

.unity-price {
   font-size: 0.75em;
   text-align: right;
   color: gray
}

.price, .price-shipping, .price-wrapping {
   color: #000000;
   font-size: 1.1em;
   font-weight: bold;
   white-space: nowrap
}

/* errors */
.error {
   width: 90%;
   color: #da0f00;
   margin: 0.3em auto 1.5em auto;
   padding: 0.3em 0.8em 1em
}
.error p { font-weight: bold }
.error li {
   list-style-position: inside;
   list-style-type: decimal-leading-zero;
   padding-left: 3em
}

/* warning */
.warning {
   color: black;
   font-size: 1.2em;
   background-color: #F8E1A0;
   border: 1px dashed #F9E400;
   font-weight: bold;
   margin: 0.2em 2em;
   padding: 0.6em 1em
}
.warning_inline {
   color: #da0f00;
   font-weight: bold
}

/* success */
.success {
   color: green;
   font-weight: bold;
   margin: 0.2em 1em;
   padding: 0.3em 0.8em 1em
}
.success_inline {
   color: green;
   font-weight: bold
}

/* breadcrumb.tpl */
.breadcrumb {
   font-size: 1em;
   color: #888
}
.breadcrumb .navigation-pipe { padding: 0 0.6em }
.breadcrumb a {
   text-decoration: none;
   color: #5d717e
}
.breadcrumb a:hover { text-decoration: underline }

/* pagination.tpl */
div.pagination { padding: 1em 0;
   clear: both; /*ps1*/
}
ul.pagination {
   list-style: none;
   float: left;
}
ul.pagination li {
   display: inline;
   float: left;
   margin-right: 0.3em
}
ul.pagination li, ul.pagination a, ul.pagination span {
   font-weight: bold;
   color: #374853
}
ul.pagination a, ul.pagination span {
   border: 1px solid #888;
   padding: 0em 0.4em;
   display: block;
   line-height: 17px;
   background: #bdc2c9 url('../img/pagination_bg.gif') repeat-x top right
}
ul.pagination a { text-decoration: none }
ul.pagination .current span {
   background-color: #595a5e;
   background-image: url('../img/pagination-bg-current.gif');
   color: white;
   border: 1px solid #595a5e
}
ul.pagination li.truncate {
   padding: 0.3em;
   background: none
}
#pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span {
   background-image: url('../img/pagination-prevnext-bg.gif');
   border: none;
   line-height: 19px;
   border-color: #d0d1d5;
   border-style: solid;
   border-width: 0 1px
}
#pagination_previous {
   background: transparent url('../img/pagination-prev-border.gif') no-repeat top left;
   padding-left: 6px
}
#pagination_previous a, #pagination_previous span { border-left: none }
#pagination_next {
   background: transparent url('../img/pagination-next-border.gif') no-repeat top right;
   padding-right: 6px
}
#pagination_next a, #pagination_next span { border-right: none }
li.disabled span {
   color: #888;
   background-color: #f1f2f4
}
form.pagination { text-align: right }
form.pagination label {
   line-height: 1.4em;
   vertical-align: bottom;
   float: right;
   margin-left: 0.3em;
   padding: 7px; /*ps1*/
}
form.pagination select { float: right ;
   padding: 7px; /*ps1*/
}
form.pagination select option {
   font-size: 0.9em;
   padding-right: 1em
}
form.pagination input { float: right }

/* steps (like order step) */
ul.step {
   background: transparent url('../img/step_start.gif') no-repeat bottom left;
   list-style: none;
   margin: 0.8em auto 2em;
   padding-left: 40px;
   height: 25px;
   width: 465px
}
ul.step li {
   height: 25px;
   float: left;
   width: 100px;
   text-align: center;
   background: transparent url('../img/step_standard.gif') no-repeat bottom left
}
ul.step li.step_current {
   background: transparent url('../img/step_current.gif') no-repeat bottom left;
   font-weight: bold
}
ul.step li.step_todo { font-style: italic }
ul.step li#step_end { width: 40px }
ul.step li#step_end { background: transparent url('../img/step_end.gif') no-repeat bottom left }
ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left }
ul#order_step { background-color: white }

/* product-sort.tpl */
#productsSortForm p {
   height: 1em;
   margin: 0.5em 0 0 0
}
#productsSortForm label, #productsSortForm select { float: right;
/*ps1*/
padding: 7px;
}
#productsSortForm select { font-size: 1em;
/*ps1*/
padding: 7px;
}

/* Header */
#header_right ul { list-style: none }
#header_right form {
   border: none;
   margin-bottom: 0!important;
   display: inline
}
#header_right label {
   margin: 0;
   float: none
}

/* Footer */
#footer {
   border-top: 1px solid #d0d3d8;
   padding: 0.5em 0;
   clear: both
}

/* Default block style */
div.block-cms h1 a { color: #374853; text-decoration: none; }
div.block-cms h1 a:hover { text-decoration: underline; }
div.block {
   /*margin-bottom: 1em;
   width: 191px*/
   /*ps1*/
   width: 225px;
   float: left;
   margin: 5px 10px 15px;
}
#left_column div.block,
#right_column div.block {
   padding-bottom: 5px;
   background: transparent url('../img/block_footer.png') no-repeat bottom left
}
div.block h4 {
   text-transform: uppercase;
   font-family: Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-size: 1.5em; /*ps1*/
   /*padding-left: 0.5em;*/ /*ps1*/
   border-bottom: none; /*ps1*/
   padding-top: 2px;
   line-height: 30px;
   color: #555;
   /*height: 19px;*/
   /*background: transparent url('../img/block_header.png') no-repeat top left;*/
   background:none;
}
div.block h4 a { color: #374853 }
div.block ul { list-style: none }
div.block ul.tree li { padding-left: 1.2em }
div.block a:hover { text-decoration: underline }
#left_column div.block .block_content a.button_large,
#right_column div.block .block_content a.button_large { margin: 0 0 0 -3px }
div.block .block_content {
   /*border-left: 1px #d0d3d8;
   border-right: 1px #d0d3d8;*/
   border: none;
   padding: 0 0.7em;
   /*background: #f1f2f4 url('../img/block_bg.jpg') repeat-x bottom left;*/
   background: none;
   min-height: 16px
}
div.block li {
   padding: 0.2em 0 0.2em 0em;
   list-style-position: outside
}
div.block a {
   color: #595a5e;
   text-decoration: none
}

/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive {
   background: transparent url('../img/block_exclusive_footer.jpg') no-repeat bottom left
}
div.exclusive h4 {
   background: transparent url('../img/block_header_exclusive.png') no-repeat top left;
   color: white
}
div.exclusive h4 a { color: white }
div.exclusive li { margin-top: 0 }
div.exclusive, div.exclusive a { color: white }
div.exclusive .block_content {
   background: #bdc2c9 url('../img/block_exclusive_bg.jpg') repeat-x bottom left;
   border-left: 1px solid #595a5e;
   border-right: 1px solid #595a5e
}

/* block in the center column */
#center_column p { margin: 0.5em 0; padding-left: 0.7em }
#center_column div.block { /*width: 536px; */ /*ps1*/ width: 100%;
margin: auto;
}
#center_column div.block h4 {
   background: none; /*ps1*/
   height: 35px;
   line-height: 35px;
   color: #555;
   margin-bottom: 30px;
   border-bottom: 1px solid #CCC;
   font-size: 1.7em;
}

/* Styles for products blocks */

/* block products (new, features, viewed, etc...) on left and right column */
.products_block li { margin-top: 0.2em }
.products_block li.item img { margin-right: 5px }
.products_block li.last_item { border: none }
.products_block li img {
   float: left;
   margin-right: 0.2em
}
.products_block p img {
   float: none;
   margin: 0 0 0 0.4em
}
.products_block li h5 {
   display: inline;
   font-size: 1em /*ps1*/
}
.products_block li p a {
   font-weight: bold;
   font-size: 0.8em
}
.products_block dl {
   clear: both;
   border-top: 1px solid #374853;
   padding: 0 4px 4px
}
.products_block dl dt {
   margin-top: 0.3em;
   color: #595a5e
}
.products_block a.button_large { margin: 0.4em 0.4em 0 0.4em }
.products_block ul.product_images li {
   border: none;
   float: left;
   clear: none
}

/* Special style for block products in center column */
#center_column .products_block { border: none }
#center_column .products_block { color: #595a5e }
#center_column .products_block h4 { line-height: 1.7em /*ps1*/}
#center_column .products_block .block_content {
   background: none; /*ps1*/
   padding: 0 20px; /*ps1*/
}
#center_column .products_block ul li:hover { background-color: #bdc2c9;
/*ps1*/
background-color: white;
padding: 20px;
z-index: 9;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 20px #888;
-o-box-shadow: 0 0 20px #888;
-moz-box-shadow: 0 0 20px #888;
-webkit-box-shadow: 0 0 20px #888;
margin-left: 0px;
margin-right: -20px;
margin-top: -20px;
margin-bottom: -20px;
position: relative;
}
/*ps1*/
#center_column .products_block ul li:hover a.exclusive
{
   display: block;
   background-image: url('../img/add_to_cart_small.png') !important; /*ps1*/
   width: 32px !important; /*ps1*/
}

#center_column .products_block ul li {
   float: left;
   background: none; /*ps1*/
   margin-top: 0;
   padding: 0 0 50px;
   width: 210px; /*ps1*/
   border: none; /*ps1*/
   margin-left: 20px;
}
/*ps1*/
#center_column .products_block ul li.first_item
{
   /*margin-left: 0;*/
}
#center_column .products_block ul li.first_item:hover
{
   /*margin-left: -20px;*/
}

#center_column .products_block ul .product_accessories_description {
   margin: 0;
   padding: 0;
   height: 280px
}

/*#center_column .products_block li.last_item { float: none; clear: both }*/
#center_column .products_block li.last_item_of_line { /*border-right: none*/ /*ps1*/ }
#center_column .products_block li.first_item_of_line { clear: both }
#center_column .products_block li.last_line { border-bottom: none }
#center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em }
#center_column div.products_block h5 {
   display: block;
   margin-top: 8px;
   /*height: 2.57em*/ /*ps1*/
}
#center_column div.products_block h5 a {
   color: #374853;
   font-size: 1.1em
}
#center_column div.products_block ul li p {
   margin: 0;
   padding: 0
}
#center_column div.products_block div.product_desc {
   height: 9em;
   color: #595a5e;
   overflow: hidden
}
#center_column div.products_block a.product_image {
   display: block;
   background-color: transparent;
   margin-bottom: 2px;
   margin-left: 0; /*ps1*/
   /*ps1*/
   /*width: 178px;
   height: 178px */

}
#center_column div.products_block .product_accessories_description a.product_image {
   width: 118px;
   height: 85px
}
#center_column div.products_block a.product_description {
   display: block;
   width: 118px;
   height: 50px;
   margin-left: 2px;
   margin-bottom: 8px;
   overflow:hidden
}

#center_column div.products_block a.product_image img {
   float: none;
   margin: 0;
   border: 1px solid #ccc; /*ps1*/
}
#center_column div.products_block h5 { margin: 10px 5px 5px 0 } /*ps1*/
#center_column div.products_block div.product_desc { margin: 0 5px }
#center_column div.products_block ul li div.product_desc a { font-weight: normal }
#center_column .products_block span.price {
   text-align: center;
   font-size: 1em; /*ps1*/
   padding: 0.5em 0;
   /*display: block;*/
}
p.price_container { text-align: left }/*ps1*/
#center_column .products_block .featured_price { margin-top: 2.5em }
#center_column .products_block a.button,
#center_column .products_block a.exclusive,
 #center_column .products_block span.exclusive { margin: 0.5em auto }

 /*ps1*/
 #center_column .products_block a.exclusive {
   display: none;
   position: absolute;
   right: 20px;
   bottom: 20px;
 }

/* Special style for block accessories in center column (product page) */
#center_column .products_block.accessories_block .block_content { background: none }
#center_column div.products_block.accessories_block div.product_desc {
   margin-right: 0;
   height: 150px;
   border-right: 1px solid #d0d3d8
}
#center_column .products_block.accessories_block .block_content li { background: none; text-align: center }
#center_column .products_block.accessories_block .block_content li h5,
#center_column .products_block.accessories_block .block_content li a.product_description { text-align:left }
#center_column .products_block.accessories_block .block_content li.last_item a.product_image { border: none }

/* discount.tpl */
td.discount_value { white-space: nowrap }

/* address.tpl */
p.address_navigation {
   padding: 1em 0!important;
   margin-bottom: 1.5em
}
p.address_navigation a.button { float: left }
p.address_navigation input[type=submit].button { float: right }

/* shopping cart */
.cart_last_product {
   width: 300px;
   margin: 0 auto 12px;
   border: 1px #D0D3D8 solid;
   padding-bottom: 5px;
   background-color: #F1F2F4;
}
.cart_last_product_header,
.cart_last_product_header .left {
   /*background: url('../img/table_header.gif') right 0;*/
   background-color: #555;/*ps1*/
}
.cart_last_product_header .left {
   background-color:#d8d8d8; /*ps1*/
   background-position:0 0;
   margin-bottom:10px;/*ps1*/
   padding-left: 5px;/*ps1*/
   /*width: 249px;*/ /*ps1*/
   height: 30px;/*ps1*/
   line-height: 30px;/*ps1*/
   color: #374853;
   font-weight: bold;
   border-bottom: 1px #D0D3D8 solid;/*ps1*/
}
.cart_last_product_img { float:left }
.cart_last_product_img img {
   margin:0 6px;
   border:1px solid #D0D1D5;
   width: 45px;
   height: 45px
}
.cart_last_product_content {
   float:right;
   width:241px
}
.cart_last_product_content a { text-decoration:none }
.cart_last_product_content h5 { font-size:12px; /*ps1*/ }
.cart_last_product_content h5 a { color:#595A5E }

p.cart_navigation { padding: 1em 0!important }
p.cart_navigation .button,
p.cart_navigation .button_large { float: left }
p.cart_navigation .exclusive,
p.cart_navigation .exclusive_large,
p.cart_navigation .exclusive_large_disabled { float: right }
p.cart_navigation_extra {
   text-align: center;
   width: auto
}
form.std p.cart_navigation span {
   float: none;
   text-align: left;
   width: auto
}
#cart_summary tfoot td {
   border-top: none;
   line-height: 1.5em
}
#cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #bdc2c9 }
#cart_summary tfoot tr.cart_total_price td { border-bottom: 2px solid #bdc2c9 }
#cart_summary .price, #cart_summary .price-discount {
   color: #595A5E;
   font-size: 1em;
   text-decoration: none
}
tr.cart_item td { padding: 0.5em 0 }
td.cart_product a { margin: 0 0.6em }
td.cart_product a img {
   border: 1px solid #d0d1d5;
   width: 45px;
   height: 45px
}
td.cart_product a:hover img { border: 1px solid #888 }
td.cart_description a { text-decoration: none }
td.cart_description a:hover { text-decoration: underline }
td.cart_description h5 a, td.cart_ref, td.cart_total { color: #595a5e;
font-size: 12px; /*ps1*/
}
td.cart_unit, td.cart_total, td.cart_discount_price { text-align: right }
td.cart_availability, td.cart_ref { text-align: center }
td.cart_total .price { font-weight: bold }
tr.cart_item td.cart_unit { padding-right: 1em }
td.cart_quantity {
   width: 7.5em;
   text-align: right
}
.cart_quantity_input { float: right; margin: 5px 10px 0 0; }
td.cart_quantity p, td.cart_quantity a {
   float: left;
   display: inline
}
td.cart_quantity p { padding-right: 0.3em }
td.cart_quantity .icon { margin-top: 0.6em }
td.cart_quantity a.cart_quantity_up,
td.cart_quantity a.cart_quantity_down { display: block }
tr.cart_free_shipping { white-space: normal }
tr.cart_total_price { font-weight: bold }
#order tfoot p {
   margin: 0;
   float: left;
   width: 85%
}
#order tfoot span {
   float: right;
   width: 15%;
   display: block
}
#order #voucher fieldset {
   border: 1px solid #bdc2c9;
   padding: 0.7em
}
#order form#voucher fieldset #display_cart_vouchers {
   margin-top:5px;
   clear:both;
   float:left;
}
#order form#voucher fieldset #display_cart_vouchers .voucher_name {
   color:#DD2A81;
   font-weight:bold;
   cursor:pointer;
}
#order form#voucher h4,
#order form#voucher p,
#order form#voucher .button { display: inline }
#order form#voucher h4 {
   float: left;
   line-height: 1.5em;
   margin-right: 6em;
   line-height: 30px; /*ps1*/
}
#order #order_carrier {
   clear: both;
   margin-top: 1em;
   border: 1px solid #bdc2c9;
   padding: 0.5em
}
#order #order_carrier h4 {
   width: 50%;
   display: inline
}
#order #order_carrier img { vertical-align: middle }
#order #order_carrier span { margin: 0 0.2em }
#order #gift_div { display: none }
#order #gift_div label, #order #gift_div textarea {
   display: block;
   width: 100%;
   margin: 1em 0
}

#order-opc tfoot p {
   margin: 0;
   float: left;
   width: 85%
}
#order-opc tfoot span {
   float: right;
   width: 15%;
   display: block
}
#order-opc #voucher fieldset {
   border: 1px solid #bdc2c9;
   padding: 0.7em
}
#order-opc form#voucher fieldset #display_cart_vouchers {
   margin-top:5px;
   clear:both;
   float:left;
}
#order-opc form#voucher fieldset #display_cart_vouchers .voucher_name {
   color:#DD2A81;
   font-weight:bold;
   cursor:pointer;
}
#order-opc form#voucher h4,
#order-opc form#voucher p,
#order-opc form#voucher .button { display: inline }
#order-opc form#voucher h4 {
   float: left;
   line-height: 1.5em;
   margin-right: 6em
}
#order-opc #order_carrier {
   clear: both;
   margin-top: 1em;
   border: 1px solid #bdc2c9;
   padding: 0.5em
}
#order-opc #order_carrier h4 {
   width: 50%;
   display: inline
}
#order-opc #order_carrier img { vertical-align: middle }
#order-opc #order_carrier span { margin: 0 0.2em }
#order-opc #gift_div label, #order #gift_div textarea {
   display: block;
   width: 100%;
   margin: 1em 0
}

#guest-tracking p.center { width: 100%; text-align: center; }
#guest-tracking p.center input.exclusive_large { display: inline; }

/* views block */
#views_block {
   margin: 0 auto;
   width: 350px; /*ps1*/
}
#thumbs_list {
   overflow: hidden;
   float: left;
   width: 315px; /*ps1*/
}
#thumbs_list ul {
   padding-left: 0;
   list-style-type: none;
   margin-top: 5px
}
#thumbs_list li {
   float: left;
   cursor: pointer;
   width: 100px; /*ps1*/
   height: 120px; /*ps1*/
   margin-right: 5px
}
#view_scroll_left, #view_scroll_right {
   background: url('../img/thumbs_left.gif') no-repeat center;
   text-indent: -3000px;
   width: 9px;
   height: 18px;
   float: left;
   margin-top: 60px; /*ps1*/
   padding-right: 4px;
   padding-left: 4px
}
#view_scroll_right { background-image: url('../img/thumbs_right.gif') }
span.view_scroll_spacer {
   float: left;
   width: 17px;
   height: 80px
}

/* manufacturers-list.tpl && suppliers-list.tpl */
#manufacturers_list, #suppliers_list {
   margin-top: 2em;
   list-style-type: none
}
#suppliers_list li, #manufacturers_list li {
   background: #d0d3d8 url('../img/block_category_item_bg.jpg') repeat-x;
   border: solid 1px #d0d3d8;
   padding: 0.6em;
   margin-bottom: 1.5em;
}
#suppliers_list li a, #manufacturers_list li a {
   text-decoration: none;
   color: #374853
}
#suppliers_list li h3, #manufacturers_list li h3 { margin: 0.4em 0 }
#suppliers_list .left_side, #manufacturers_list .left_side {
   float: left;
   width: 75%
}
#suppliers_list .logo, #manufacturers_list .logo {
   border: solid 1px #d0d3d8;
   float: left;
   margin-right: 0.6em
}
#suppliers_list li p.description,
#manufacturers_list li p.description { font-size: 0.92em }
#suppliers_list li .right_side,
#manufacturers_list li .right_side {
   float: right;
   text-align: right
}
#suppliers_list .right_side span,
#manufacturers_list .right_side span {
   font-size: 1.7em;
   color: #da0f00
}
#suppliers_list li a.button,
#manufacturers_list li a.button { margin-top: 4em }

/* conditions & legal */
ul.shop_info {
   list-style-type: square!important;
   list-style-position: inside;
   padding: 0.6em;
   margin-top: 0.6em;
   margin-left: 2em;
   border: 1px solid #888
}
ul.shop_info li {
   padding-left: 0.5em!important;
   padding-bottom: 0.5em!important
}

/* conditions.tpl */
#conditions #right_column { display: none }
#conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left }
#conditions #center_column {
   width: 730px;
   text-align: justify
}
#conditions #center_column ul,
#conditions #center_column ol {
   margin-left: 2em;
   padding: 0.6em
}
#conditions #center_column ul { list-style-type: circle }
#conditions #center_column li { padding-bottom: 0.5em }
#conditions #center_column { line-height: 1.3em }

/* order step 3: PAYMENT */
.payment_module { display: block }
.payment_module img {
   vertical-align: middle;
   margin-right: 1em
}
.payment_module a {
   display: block;
   border: 1px solid #595a5e;
   padding: 0.6em;
   text-decoration: none
}
.payment_module a:hover, .payment_module a:focus, .payment_module a:active {
   border: 1px solid #488c40;
   background-color: #e5e6e7;
   color: #374853
}

/* Printable version */
@media print {
   div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {
       display: none
   }
   div#center_column { width: 100% }
   input.text { border: 1px solid gray }
   .block_hidden_only_for_screen {
       display: block;
       margin-top: 1em
   }
   #more_info_sheets #idTab1 { width: 530px }
   * {
       background: none!important;
       background-color: white!important;
   }
}

/* Customizable product */
#customization_block { width: 556px }
.customization_block_title { margin: 4px 4px 4px 2px }
#customization_block ul { margin: 6px 6px 0 6px }
.customization_block_input { vertical-align: inherit }
img.customization_delete_icon { margin: 2px }
li.customizationUploadLine {
   text-align: right;
   margin-right: 40px;
   clear: left;
   padding: 4px;
   display: block
}
div.customizationUploadBrowse { float: left }
div.customizationUploadBrowseDescription { padding: 6px }
img.customizationUploaded {
   margin: 2px;
   border: 1px solid #888888
}
ul.customizationUploaded {
   list-style-type: none;
   margin-left: 4px
}
ul.customizationUploaded li { display: inline }
ul.customizationUploaded a { text-decoration: none }
div.customizationUploaded { clear: left }
div.deletePictureUploaded { float: right }
div.deleteCustomizableProduct { float: right }
ul.typedText {
   padding-left: 6px;
   list-style-type: none
}
/* mywishlist */
#mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px }
#mywishlist div#block-order-detail {
   margin-top: 10px;
   display: block
}
#mywishlist form.std fieldset label { width: 30px }
#mywishlist form.std fieldset input#submitWishlist { display: inline }
#mywishlist table.std thead th.mywishlist_first {
   text-align: center;
   width: 40px
}
#mywishlist table.std thead th.mywishlist_second {
   text-align: center;
   width: 80px
}
#mywishlist table.std thead th.first_item,
#mywishlist table.std tbody tr td { width: 200px }
#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 }
#mywishlist div#block-order-detail { margin-top: 10px }
#mywishlist #hideBoughtProducts,
#mywishlist #showBoughtProducts {
   float: left;
   margin: -18px 0 0 5px
}
#mywishlist #showBoughtProducts,
#mywishlist #hideBoughtProductsInfos,
#mywishlist #hideSendWishlist { display: none }
#mywishlist #showBoughtProductsInfos,
#mywishlist #hideBoughtProductsInfos { margin-left: 5px }
#mywishlist #showSendWishlist,
#mywishlist #hideSendWishlist,
#mywishlist div#block-order-detail ul li a.exclusive {
   float: right;
   margin: -18px 0 0 0
}
#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center }
#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px }
#mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px }
#mywishlist div#block-order-detail ul li img { float: left }

/* View wishlish */
#view_wishlist #featured-products_block_center ul div li a img { float: left }
#view_wishlist #featured-products_block_center ul div li a,
#view_wishlist #featured-products_block_center ul div li span {
   text-decoration: none;
   float: left
}
#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {
   margin-left: 30px;
   float: left
}
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px }
#view_wishlist #featured-products_block_center ul div li a.exclusive,
#view_wishlist #featured-products_block_center ul div li span.exclusive {
   margin-left: 55px
}
#view_wishlist #featured-products_block_center ul div li.address_name input.text {
   color: #999;
   font-weight: bold;
   font-size: 11px;
   border: 0
}

/* module reversoform*/
.account_creation #reverso-form { width: 100% }
.account_creation #reverso-form label {
   width: 250px;
   text-align: left;
   margin-left: 10px
}
.account_creation #reverso-form label#legend_reverso {
   clear: both;
   width: 100%;
   font-size: 10px;
   text-align: left
}
.account_creation #reverso-form input#reverso_form { margin-top: 20px }

/* module productcomments */
.rating {
   cursor: pointer;
   margin: 2em;
   clear: both;
   display: block
}
.rating:after {
   content: '.';
   display: block;
   height: 0;
   width: 0;
   clear: both;
   visibility: hidden
}
.cancel, .star {
   float: left;
   width: 17px;
   height: 15px;
   overflow: hidden;
   text-indent: -999em;
   cursor: pointer
}
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
.cancel a, .star a {
   display: block;
   width: 100%;
   height: 100%;
   background-position: 0 0
}
div.star_on a { background-position: 0 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
.pack_content { margin: 10px 0 10px 0 }
.pack_price {
   float: right;
   margin-right: 3px;
   font-size: 12px
}
.confirmation {
   color: #808000;
   font-weight: bold
}
#page .rte { background: transparent none repeat scroll 0 0 }

/* module paypalapi */
.paypalapi_about { text-align: justify }
.paypalapi_about ul { padding-left: 20px }

/* cms pages */
#cms div.content_only {
   text-align: left;
   padding: 10px
}
.live_edit_feed_back_ok {
   color: #374853;
   background-color: #DFFAD3;
   padding: 4px;
   border: 2px solid #72CB67
}
.live_edit_feed_back_ko {
   color: #374853;
   background-color: #FAE2E3;
   padding: 4px;
   border: 2px solid #EC9B9B
}
.add_module_live_edit {
   background-color: #F1F2F4;
   padding: 4px;
   border: 2px solid #D0D3D8;
}

.page404_input { float: left; }

#order #discount_name { width: 130px; }

/*ps1*/
div#header
{
   position: relative;
}

#footer #copyright
{
   clear: both;
   border-top: 1px solid #D0D3D8;
   padding: 10px 0;
   text-align: right;
   font-size: 11px;
}

Un saludo y mil gracias de nuevo.

nadie · September 7, 2012

Actualmente veo en tu fichero global.css tienes esto:

.ocultar {
display: hidden;
}

Eso lo tienes que poner asi:

.ocultar {
display: none;
}

No he tenido mas tiempo, para seguir leyendo el post......

Edited September 7, 2012 by nadie (see edit history)

nadie · September 7, 2012

Si no te funciona, envíame acceso a tu tienda, y "nadie", le echara un vistazo.

Un Saludo,

nadie · September 7, 2012

He actualizado mi mensaje: http://www.prestashop.com/forums/index.php?/topic/185563-formulario-de-contacto/page__view__findpost__p__921943

nadie · September 7, 2012

Bueno, acabo de releer el post, creo que te fata ocultar simplemente lo de tema ¿no?

Te lo muestro con imágenes y basado en tu formulario..

Actualmente:

Que como te dije en el mensaje anterior, en el fichero global.css tienes que cambiar lo que has puesto:

.ocultar {
display: hidden;
}

Por esto:

.ocultar {
display: none;
}

Hasta aquí, ya no mostramos el select, pero claro estéticamente se queda como se ve en la siguiente imagen:

Faltaría, quitar la palabra "Tema", y quitar ese espaciado..

(Recordamos que actualmente con lo que hemos comentado anteriormente el select ya estaría oculto y el formulario se envía sin problemas)

Vamos a quitar la palabra "Tema", vamos al fichero contact-form.tpl, buscamos esto:

  <label for="id_contact">{l s='Subject Heading'}</label>

Y lo dejamos así:

<!-- <label for="id_contact">{l s='Subject Heading'}</label> -->

Ahora no se vera la palabra "Tema", pero claro el formulario sigue viéndose raro..., por que queda mucho espaciado todavía..

En el fichero, otra vez contact-form.tpl

Vamos a buscar esto:


<p id="desc_contact0" class="desc_contact"> </p>

Y lo dejamos así:

<!-- <p id="desc_contact0" class="desc_contact"> </p> -->

ihammer · September 8, 2012

Gracias cracks, lo pruebo y os digo !!!

ihammer · September 8, 2012

Sois unos CRACKS !!!

Mil y una gracias !!!

nadie · September 8, 2012

Gracias cracks, lo pruebo y os digo !!!

Me alegro de que entre "KristianMM", "Heiser", y "Nadie" te hayamos podido ayudar.

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

demmonin · April 12, 2013

graciass, referente a lo mismo, yo quiero dejar siempre visible el formulario pero en el footer, como puedo lograrlo?

(SOLUCIONADO) Formulario de Contacto

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites