Jump to content

[Solucionado] Botón de comprar desplazado

TechnoSpain

By TechnoSpain
in Discusión general

 Share

Recommended Posts

TechnoSpain Newbie

TechnoSpain

Posted
Posted (edited)

Hola a todos :)

 

Desde hace un tiempo tengo un problema y no tengo idea de como solucionarlo, es mas bien estético pero ya sabéis lo que pasa...que siempre los ojos se van al sitio.

 

Si entráis en mi web: http://www.technospain.es podeis ver que el boton de comprar en aquellos productos que se agotan (stock=0) el botón se desplaza al lado izquierdo.....

 

Gracias de antemano

 

Salu2

Carlos

Edited by TechnoSpain (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hola a todos :)

 

Desde hace un tiempo tengo un problema y no tengo idea de como solucionarlo, es mas bien estético pero ya sabéis lo que pasa...que siempre los ojos se van al sitio.

 

Si entráis en mi web: http://www.technospain.es podeis ver que el boton de comprar en aquellos productos que se agotan (stock=0) el botón se desplaza al lado izquierdo.....

 

Gracias de antemano

 

Salu2

Carlos

 

(Antención, hablo del modulo de productos destacados)

 

En realidad lo tienes desplazado y con menos margin de abajo (si te das cuenta)

 

Haz esto

 

Paso 1)

 

Fichero:

 

/themes/PRS030057/modules/homefeatured/homefeatured.tpl

 

Busca esto:

 

   <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>

 

Dejalo asi:

 


<div class="button_container">
      <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>
</div>

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Paso 3

 

Fichero:

 

themes/PRS030057/css/global.css

 

Busca esto:

 

#center_column div.products_block h5 {
font-size:12px;
margin:8px 10px 0;
   text-align: center;
}

 

Y dejalo asi:

 

#center_column div.products_block h5 {
font-size: 12px;
margin: 8px 10px 0;
text-align: center;
height: 26px;
}

 

Asi los productos destacados, mas o menos se te quedaran cuadradados

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Y como regalo, te dare un consejo para los listados de productos, por categorías. :)

 

Fichero:

 

themes/PRS030057/css/product_list.css

 

Busca esto:

 

ul#product_listing li h3 {
text-align: center;
margin: 8px 0 5px;
font-size: 12px;
font-weight: normal;
}

 

Y dejalo asi:

 

ul#product_listing li h3 {
text-align: center;
margin: 8px 0 5px;
font-size: 12px;
font-weight: normal;
height: 30px;
}

Link to comment
Share on other sites
TechnoSpain Newbie

TechnoSpain

Posted
  • Author
Posted (edited)

(Antención, hablo del modulo de productos destacados)

 

En realidad lo tienes desplazado y con menos margin de abajo (si te das cuenta)

 

Haz esto

 

Paso 1)

 

Fichero:

 

/themes/PRS030057/modules/homefeatured/homefeatured.tpl

 

Busca esto:

 

   <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>

 

Dejalo asi:

 


<div class="button_container">
   <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>
</div>

 

Hola nadie, quiero seguir tu consejo pero me sale esto desde <div class="button_container">

 

<div class="button_container">
   <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
   </div>
   {else}
   <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>
   {/if}
  {else}

  {/if}
 </div>

 

¿Lo quito todo y dejo solo lo que me has aconsejado?

Edited by TechnoSpain (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hola nadie, quiero seguir tu consejo pero me sale esto desde <div class="button_container">

 

<div class="button_container">
   <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
   </div>
   {else}
   <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>
   {/if}
  {else}

  {/if}
 </div>

 

¿Lo quito todo y dejo solo lo que me has aconsejado?

 

En este fichero:

 

/themes/PRS030057/modules/homefeatured/homefeatured.tpl

 

Eso lo tienes asi:

 

<div class="button_container">
<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
</div>
{else}
<span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>
{/if}

 

Dejalo asi:

 

<div class="button_container">
<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
</div>
{else}
<div class="button_container">
<span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>
</div>
{/if}

 

¿Estamos viendo el mismo fichero?

Link to comment
Share on other sites
TechnoSpain Newbie

TechnoSpain

Posted
  • Author
Posted

A ver te copio el tpl completo

 

{*
* 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
*}
<!-- MODULE Home Featured Products -->
<div id="featured-products_block_center" class="block products_block">
<h4>{l s='Featured products' mod='homefeatured'}</h4>
{if isset($products) AND $products}

 <div class="block_content">
  {assign var='liHeight' value=342}
  {assign var='nbItemsPerLine' value=4}
  {assign var='nbLi' value=$products|@count}
  {math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
  {math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}
  <ul style="overflow: hidden;">
  {foreach from=$products item=product name=homeFeaturedProducts}
   <li class="ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1}clear{/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">
 <div class="product_bottombg">
	 <div class="product_topbg"> 
   <div class="product_centerbg">
	    <a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" /></a>
 <h5><a href="{$product.link}" title="{$product.name|truncate:32:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:27:'...'|escape:'htmlall':'UTF-8'}</a></h5> 
 <div>
  {if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container"><span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span></p>{else}<div style="height:21px;"></div>{/if}

  {if ($product.id_product_attribute == 0 OR (isset($add_prod_display) AND ($add_prod_display == 1))) AND $product.available_for_order AND !isset($restricted_country_mode) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}
   {if ($product.quantity > 0 OR $product.allow_oosp)}

   <div class="button_container">
	   <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
	   </div>
	   {else}
<div class="button_container">
	   <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span></div>
	   {/if}	  {else}

  {/if}
 </div>
   </div><!--.product_centerbg-->
  </div><!--.product_topbg-->
 </div><!--.product_bottombg-->
   </li>
  {/foreach}
  </ul>
 </div>

{else}
 <p>{l s='No featured products' mod='homefeatured'}</p>
{/if}
</div>
<!-- /MODULE Home Featured Products -->

Link to comment
Share on other sites
TechnoSpain Newbie

TechnoSpain

Posted
  • Author
Posted (edited)

A ver,

 

Estoy en http://www.technospa...omefeatured.tpl

 

Y este es el codigo:

 

 

{*
* 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
*}
<!-- MODULE Home Featured Products -->
<div id="featured-products_block_center" class="block products_block">
<h4>{l s='Featured products' mod='homefeatured'}</h4>
{if isset($products) AND $products}

 <div class="block_content">
  {assign var='liHeight' value=342}
  {assign var='nbItemsPerLine' value=4}
  {assign var='nbLi' value=$products|@count}
  {math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
  {math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}
  <ul style="overflow: hidden;">
  {foreach from=$products item=product name=homeFeaturedProducts}
<li class="ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1}clear{/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - ($smarty.foreach.homeFeaturedProducts.total % $nbItemsPerLine))}last_line{/if}">
 <div class="product_bottombg">
	 <div class="product_topbg">
   <div class="product_centerbg">
		<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" /></a>
 <h5><a href="{$product.link}" title="{$product.name|truncate:32:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:27:'...'|escape:'htmlall':'UTF-8'}</a></h5>
 <div>
  {if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container"><span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span></p>{else}<div style="height:21px;"></div>{/if}

  {if ($product.id_product_attribute == 0 OR (isset($add_prod_display) AND ($add_prod_display == 1))) AND $product.available_for_order AND !isset($restricted_country_mode) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}
   {if ($product.quantity > 0 OR $product.allow_oosp)}

   <div class="button_container">
	   <a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart.php')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>
	   </div>
	   {else}
<div class="button_container">
	   <span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span></div>
	   {/if}	  {else}

  {/if}
 </div>
</div><!--.product_centerbg-->
  </div><!--.product_topbg-->
 </div><!--.product_bottombg-->
</li>
  {/foreach}
  </ul>
 </div>

{else}
 <p>{l s='No featured products' mod='homefeatured'}</p>
{/if}
</div>
<!-- /MODULE Home Featured Products -->
hola mundo, hola nadie, hola rubalcaba

Edited by TechnoSpain (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Solucionado, lo he copiado de nuevo y ya esta

 

Gracias!!!

 

Ahora queda todo perfecto y simétrico

 

:) :) :)

 

Estimado TechnoSpain

 

¿Entoces, cojistes el original, y volvistes hacer los cambos, que te comente en el post? ¿Tema solucionado?

 

Saludos

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...