Cómo puedo colocar el modulo mejores ventas en el centro de página principal

[Admin27]

Cómo puedo colocar el bestselles en el centro de la página principal? Me gustaría colocarlo debajo de los productos destacados que tengo aquí: http://www.dulce-hogar.net/es/

 

¿Cómo puedo hacerlo?

Edited December 10, 2013 by Admin27 (see edit history)

[Admin27]

Hay algún modulo o alguna solución para poder adaptar el modulo mejores ventas en la página principal en la parte del centro??.

Edited December 10, 2013 by Admin27 (see edit history)

[nadie]

En las ultimas versiones de Prestashop, el modulo ya viene preparado.

 

Solo tienes que ir a la pestaña Módulos -> Posiciones de los módulos

 

Pulsar en el botón verde llamado "Trasladar Módulo / Insertar Hook"

 

Adjunto Imagen

 

 

Ahora en el formulario señalas:

Módulo: Bloque de mejores ventas
Insertar hook en: displayHome

Adjunto Imagen

 

 

Y pulsas en Guardar.

 

Creo recordar que también puedes colocarlo desde el "LiveEdit"

 

Adjunto Imagen

 

[Admin27]

​Si ya se que desde el liveedit puedo ponerlo, pero lo he probado en poner pero me salia como en forma de lista y lo que quiero es ponerlo de la forma que lo tengo los productos destacados.

[Admin27]

Quiero poner los cuadros debajo de los productos destacados, de la misma forma pero no tan grandes, con las medidas que quepan 5 cuadros en una fila. Aquí esta mi web para una idea: http://www.dulce-hogar.net/es/

Edited December 10, 2013 by Admin27 (see edit history)

[Admin27]

Ei Ei Ei, que pasa!!!! mira como se me han colocado los productos más vendidos!!! que hago!!!!  mira abajo de la página: http://www.dulce-hogar.net/es/

[Sergio Ruiz]

Ei Ei Ei, que pasa!!!! mira como se me han colocado los productos más vendidos!!! que hago!!!!  mira abajo de la página: http://www.dulce-hogar.net/es/

 

No lo veo tan mal, si quieres que se quede igual que el de tu productos destacados, añade esto en el global.css de tu plantilla:

#best-sellers_block_center li {
	margin-right:10px;
	padding:10px 0;
	width:235px;
	height:290px
}
#best-sellers_block_center li.last_item_of_line  {margin-right:0;}
#best-sellers_block_center .s_title_block,  #best-sellers_block_center h5 {
	padding-top:5px;
	height:30px;
	font-size:17px;
	color:#222;
	padding-bottom: 0;
	font-weight:bold;
}

#best-sellers_block_center .product_image {
	display:block;
	position:relative;
	overflow:hidden
}
#best-sellers_block_center .product_image span.new {
	display: block;
	position: absolute;
	top: 15px;
	right:-30px;
	padding: 1px 4px;
	width: 101px;
	font-size:10px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: #990000;
	transform: rotate(45deg);  /* Newer browsers */
}

#best-sellers_block_center .product_desc {height:45px;}
#best-sellers_block_center .product_desc,
#best-sellers_block_center .product_desc a {
	color:#666
}
#best-sellers_block_center .lnk_more {
	display:inline;
	padding-right:10px;
	font-weight:bold;
	font-size:10px;
	color:#0088cc;
	background:url(img/arrow_right_1.png) no-repeat 100% 3px;
}
#best-sellers_block_center .price_container {
	margin-top:10px;
	padding:0;
}
#best-sellers_block_center .price {
	font-weight:bold;
	font-size:26px;
	color:#990000
}
#best-sellers_block_center li .ajax_add_to_cart_button {display:none;}
#best-sellers_block_center li span.exclusive {display:none;}

Edited December 10, 2013 by Sergio Ruiz (see edit history)

[Admin27]

Gracias por contestar sergio,
 

Pero una pregunta este código en que parte del código lo coloco del global.css, o tengo que cambiarlo por algo? 

[nadie]

 

Pero una pregunta este código en que parte del código lo coloco del global.css, o tengo que cambiarlo por algo? 

 

Lo puedes agregar en principio sin problemas al final del global.css o añadirlo en el fichero:

modules/blockbestsellers/blockbestsellers.css

(Es añadir, no cambiar nada)

[Admin27]

Pero si lo añado en el blockbestsellers no afectará al bloque que tengo en el lateral derecho de algunas páginas?

[nadie]

Pero si lo añado en el blockbestsellers no afectará al bloque que tengo en el lateral derecho de algunas páginas?

 

No afectara al del lateral, siempre que no borres lo que tienes ya dentro.

[Admin27]

​No puedo colocar las 5 fotos en la misma fila? es que me queda horroroso así. queda fatal.

[nadie]

Si quieres que quede igual en 4 de 4 con las imagen grande.

 

Si quieres que coja la imagen del mismo tipo que tienes aplicada en tu web para los destacados que te creastes en otro tema, busca en el fichero:

modules/blockbestsellers/blockbestsellers-home.tpl

esto:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />

y dejalo asi:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'destacado')|escape:'html'}"  alt="{$product.name|escape:html:'UTF-8'}" />

[nadie]

Por cierto, para quitar el boton ver, en el fichero:

modules/blockbestsellers/blockbestsellers-home.tpl

Cambia esto:
 

                                                <a class="button" href="{$product.link|escape:'html'}" title="{l s='View' mod='blockbestsellers'}">{l s='View' mod='blockbestsellers'}</a>

por

{*                                                 <a class="button" href="{$product.link|escape:'html'}" title="{l s='View' mod='blockbestsellers'}">{l s='View' mod='blockbestsellers'}</a>
 *}

[nadie]

Luego las cajas de los productos, seran de altas (width) y anchas (width), como las definas dentro del:

#best-sellers_block_center li

que has pegado antes. (Y tambien muy importante el margin-right (derecho) entre caja y caja)

[nadie]

Si quieres ocultar la descripcion de los productos, como tienes en el modulo de productos destacados en tu caso, en el fichero:

modules/blockbestsellers/blockbestsellers-home.tpl

Cambia esto:

                                        <div class="product_desc"><a href="{$product.link|escape:'html'}" title="{l s='More' mod='blockbestsellers'}">{$product.description_short|strip_tags|truncate:130:'...'}</a></div>

por

{*                                         <div class="product_desc"><a href="{$product.link|escape:'html'}" title="{l s='More' mod='blockbestsellers'}">{$product.description_short|strip_tags|truncate:130:'...'}</a></div>
 *}

[Admin27]

Y no puedo eliminar el cuadrado que queda abajo?

[nadie]

Por cierto, como al final lo vas a dejar de 4 en 4, por que has dejado la imagen grande, recuerda dejar esto:

                        {assign var='nbItemsPerLine' value=4}

a

4

[nadie]

Y no puedo eliminar el cuadrado que queda abajo?

 

Cambia esto:

                        <p class="clearfix" style="padding: 5px;"><a style="float:right;" href="{$link->getPageLink('best-sales')|escape:'html'}" title="{l s='All best sellers' mod='blockbestsellers'}" class="button_large">{l s='All best sellers' mod='blockbestsellers'}</a></p>

por

{*                         <p class="clearfix" style="padding: 5px;"><a style="float:right;" href="{$link->getPageLink('best-sales')|escape:'html'}" title="{l s='All best sellers' mod='blockbestsellers'}" class="button_large">{l s='All best sellers' mod='blockbestsellers'}</a></p>
 *}

[nadie]

Por cierto, se queda mejor de 4 en 4, que de 5 en 5, date cuenta que los destacados estan de 4 en 4 en tu caso particular, no tiene sentido dejar las mejores ventas de 5 en 5, quedaria raro  que unos esten de 4 en 4 y otros de 5 en 5.

[Admin27]

Puedes mirarme si lo ves correctamente?

[Admin27]

Para dar como solucionado el post, puedes mirarme si me ha quedado bien y lo he hecho correctamente: http://www.dulce-hogar.net/es/

[nadie]

Para dar como solucionado el post, puedes mirarme si me ha quedado bien y lo he hecho correctamente: http://www.dulce-hogar.net/es/

El boton amarillo que dice "Los productos mas vendidos", veo que no lo has quitado (te lo comente aquí: http://www.prestashop.com/forums/topic/294879-c%C3%B3mo-puedo-colocar-el-modulo-mejores-ventas-en-el-centro-de-p%C3%A1gina-principal/?do=findComment&comment=1488909 el como quitarlo) ¿No quieres quitarlo o quieres que el color no sea tan llamativo?

[Admin27]

El botón si me interesa dejarlo ahí, lo único que me falta es quitar la descripción. ¿Nadie como lo puedo quitar?

[nadie]

El botón si me interesa dejarlo ahí, lo único que me falta es quitar la descripción. ¿Nadie como lo puedo quitar?

 

http://www.prestashop.com/forums/topic/294879-c%C3%B3mo-puedo-colocar-el-modulo-mejores-ventas-en-el-centro-de-p%C3%A1gina-principal/?do=findComment&comment=1488899

[Admin27]

No me había salido esta parte de la conversación que raro, pero ya lo he visto ahora. Muchas gracias.