Eliminar módulos derecha cuando se entra en productos (Solucionado)

[xavivila]

Buenas tardes,

 

He estado intentando "eliminar" la parte derecha de los módulos cuando entro dentro de mis productos pero no se como hacerlo. La idea sería de sacarlos para que puedan haber más productos visibles en una misma página.

 

Saludos y gracias

Edited September 21, 2012 by xavivila (see edit history)

[xavivila]

El enlace es el siguiente:

 

http://love-sensations.com/prestashop/category.php?id_category=147

[xavivila]

Necesitaría ayuda porfavor

[xavivila]

No encuentro esto en el global css. O es que tengo que ponerlo?

 

Gracias

[xavivila]

Ta sabría mal ayudarme hacerlo. Justo estoy aprendiendo y la verdad que no se donde ponerlo..

[nadie]

Ta sabría mal ayudarme hacerlo. Justo estoy aprendiendo y la verdad que no se donde ponerlo..

Simplemente, añade lo que te dice Statitic, copia y pega el código en tu global.css

 

Un Saludo,

[xavivila]

Buenas tardes Nadie,

 

Si esto lo se pero no se en que parte del css exactamente tengo que colocarlo.

 

Gracias

[nadie]

Buenas tardes Nadie,

 

Si esto lo se pero no se en que parte del css exactamente tengo que colocarlo.

 

Gracias

 

Por ejemplo, debajo de:

 

/* ************************************************************************************************
  xxxxx
************************************************************************************************ */

[nadie]

¿Por cierto, te refieres a la ficha del producto, o al listado de productos?

[xavivila]

En ambos casos no quiero que salga nada a la derecha ya que siempre queda más limpio. En el caso del listado de productos la idea sería poder poner más artículos en cada página.

[xavivila]

Ya he hecho esto que me habeis dicho. No se si estara bien:

 

 

/* ************************************************************************************************

xxxxx

************************************************************************************************ */

}

#product #right_column {display: none;}

#product #center_column {width: NUEVO ANCHO EN PX;

}

[xavivila]

Ok. Hecho lo he hecho asi supongo que esta bien:

 

/* ******************************Custom styles***************************************************** */

}

#product #right_column {display: none;}

#product #center_column {width: NUEVO ANCHO EN PX;

}

 

Como puedo saber el ancho que debo ponerle exactamente para que quede ajustado?

[nadie]

Por cierto, viendo tu fichero, has puesto una llave de mas lo has puesto asi:

 

}
#product #right_column {display: none;}
#product #center_column {width: NUEVO ANCHO EN PX;
}

 

Y lo tienes que poner así:

 

#product #right_column {display: none;}
#product #center_column {width: numeroPx;}

[nadie]

Ponle 736px de ancho por ejemplo.

[nadie]

Luego en el fichero:

 

/themes/prestashop_new/css/product.css

 

Busca esto:

 

 

#pb-left-column {
float: left;
margin-left: 14px;
width: 255px;
}

 

Y dejalo asi:

 

#pb-left-column {
float: left;
margin-left: 14px;
width: 453px;
}

 

(Si te asustas al verlo demasiado ancho, pues ya... colocas menos ancho el la columna del producto)

[xavivila]

Ok. Todo hecho. Me ha quedado asi:

 

/* ******************************Custom styles***************************************************** */

 

#product #right_column {display: none;}

#product #center_column {width: 736px;}

 

Lo único que no se verlo en mi página estos cambios..

 

http://love-sensations.com/prestashop/

[nadie]

Yo ya no veo la columna en la ficha del producto, si tu la sigues viendo, limpia la cache de tu navegador.

[xavivila]

Buenas noches a todos, !!! ya estamos al lio otra vez...

 

Si, en la ficha del producto ha desaparecido ya. Perfecto..

 

Pero solo quiero que se vea en la portada principal y las demas no...como tendría de hacerlo?

[nadie]

Buenas noches a todos, !!! ya estamos al lio otra vez...

 

Si, en la ficha del producto ha desaparecido ya. Perfecto..

 

Pero solo quiero que se vea en la portada principal y las demas no...como tendría de hacerlo?

 

Eso no lo has dicho al principio de la pregunta..............

 

Ve al fichero footer.tpl de tu plantilla, busca esto:

 

<div id="right_column" class="column grid_2 omega">
 {$HOOK_RIGHT_COLUMN}
   </div>

 

 

Y dejalo asi:

 

{if $page_name=='index'}
<div id="right_column" class="column grid_2 omega">
 {$HOOK_RIGHT_COLUMN}
   </div>
{/if}

[xavivila]

Tengo que forzar copilación, verdad?

[nadie]

Tengo que forzar copilación, verdad?

Elemental, mi querido Watson

 

Un Saludo,

[nadie]

Recuerda que el fichero que te he comentado a modificar es este:

 

/prestashop/themes/prestashop_new/footer.tpl

[xavivila]

Ok. Hecho...queda perfecto...

[xavivila]

Ahora me gustaría a ver si cuando salen los productos, y al tener más espacio, se pueden poner 4 por fila reduciendo el tamaño de los que hay ahora..

[nadie]

Ahora me gustaría a ver si cuando salen los productos, y al tener más espacio, se pueden poner 4 por fila reduciendo el tamaño de los que hay ahora..

Prueba esto....

 

Fichero:

 

/themes/prestashop_new/product-list.tpl

 

Busca esto:

 

 <li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} clearfix">

 

Y dejalo asi:

 

 <li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 4 == 3}alternate_item{else}item{/if} clearfix">

[xavivila]

Hecho pero no he visto, o no he sabido ver, ningún cambio..

[nadie]

Hecho pero no he visto, o no he sabido ver, ningún cambio..

 

Hola,

 

¿Has forzado compilación?

[xavivila]

Si lo he hecho..

 

De todos modos voy a volver a probarlo..

[xavivila]

Lo he vuelto a hacer por si acaso pero no se aprecia nada..

[nadie]

Fichero:

 

/themes/prestashop_new/css/global.css

 

Añade esto:

 

#index #center_column {
width: 535px;
}

 

Por otro lado en el fichero:

 

/themes/prestashop_new/css/grid_prestashop.css

 

Busca esto:

 

.container_9 .grid_5 {
width: 535px;
}

 

Y dejalo asi:

 

.container_9 .grid_5 {
width: 737px;
}

[nadie]

Fichero:

 

/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

ul#product_list li {
background: cornsilk url('../img/block_category_item_bg.jpg') repeat-x;
padding: 1px;
height: 50%;
margin-bottom: 0.3em;
border: solid 1px black;
float: left;
width: 47%;
margin-right: 10px;
margin-left: 1px;
margin-top: 1px;
}

 

Y dejalo asi:

 

ul#product_list li {
background: cornsilk url('../img/block_category_item_bg.jpg') repeat-x;
padding: 1px;
height: 50%;
margin-bottom: 0.3em;
border: solid 1px black;
float: left;
width: 22%;
margin-right: 10px;
margin-left: 1px;
margin-top: 1px;
}

[nadie]

Fichero:

 

/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

ul#product_list a.product_img_link {
float: left;
margin-right: 10px;
margin-left: 52px;
margin-top: 1px;
}

 

Y dejalo asi:

 

ul#product_list a.product_img_link {
margin-right: 10px;
margin-left: 19px;
}

[nadie]

Fichero:

 

/themes/prestashop_new/css/product_list.css

 

Busca esto:

 

ul#product_list li h3 {
width: 246px;
padding-bottom: 2px;
text-align: center;
}

 

Y dejalo asi:

 

ul#product_list li h3 {
padding-bottom: 2px;
text-align: center;
}

[nadie]

Fichero:

 

 

/themes/prestashop_new/product-list.tpl

 

 

Busca esto:

 

 

   <h3><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:24:'...'|escape:'htmlall':'UTF-8'}</a></h3>

 

 

Y dejalo asi:

 

 

   <h3><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:16:'...'|escape:'htmlall':'UTF-8'}</a></h3>

 

[nadie]

Fichero:

 

 

/themes/prestashop_new/product-list.tpl

 

 

Busca esto:

 

 

<p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|truncate:100:'...'|strip_tags:'UTF-8'|escape:'htmlall':'UTF-8'}">{$product.description_short|truncate:76:'...'|strip_tags:'UTF-8'}</a></p>

 

 

Y dejalo asi:

 

 

<p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|truncate:100:'...'|strip_tags:'UTF-8'|escape:'htmlall':'UTF-8'}">{$product.description_short|truncate:56:'...'|strip_tags:'UTF-8'}</a></p>

 

[nadie]

Todo esto, incluyendo la modificación que has echo antes en el fichero *.tpl.

 

Bueno te dejo haciendo las modificaciones que te he comentado, vuelvo en unos minutos.

[xavivila]

Ok...todo hecho..cuando vuelvas te lo miras si te parece bien...

 

http://love-sensations.com/prestashop/category.php?id_category=147

 

Saludos

[xavivila]

Me esta gustando mucho como queda !!! muchas gracias..

 

Yo creo, y corrigeme si no lo ves tu así, que aún se podría poner otro producto mas en la fila para acabar de aprovechar el espacio (incluso quedaría mejor reduciendo las cajas, letras y demas de las mismas). Así en la parte inferior creo que cabria otra fila de productos..

[nadie]

Me esta gustando mucho como queda !!! muchas gracias..

 

Yo creo, y corrigeme si no lo ves tu así, que aún se podría poner otro producto mas en la fila para acabar de aprovechar el espacio (incluso quedaría mejor reduciendo las cajas, letras y demas de las mismas). Así en la parte inferior creo que cabria otra fila de productos..

Con 4 filas lo veo suficiente.

 

Un Saludo,

[xavivila]

Ok. He agregado productos para que veas como queda completa la página...

[nadie]

Como ultimo, le metere un margin-left al ul, para centrar la lista un poquitin.

 

Añado esto en el fichero:

 

#product_list {
margin-left: 28px;
}

 

/themes/prestashop_new/css/product_list.css

[xavivila]

Pienso lo mismo. Creo que queda bien así...

 

Veo que al hacer los cambios se ha desplazado el cartelio de "nuevo"...mejor sería, si se puede sacarlo...

 

También veo que en la parte derecha sale repetido (ya que esta arriba) lo de ordenar por....se puede sacar tambien?

[nadie]

Ah se me olvido, busca esto ahora: (esto es como lo tienes ahora, por que lo has modificado como te he comentado)

 

ul#product_list li {
background: cornsilk url('../img/block_category_item_bg.jpg') repeat-x;
padding: 1px;
height: 50%;
margin-bottom: 0.3em;
border: solid 1px black;
float: left;
width: 22%;
margin-right: 10px;
margin-left: 1px;
margin-top: 1px;
}

 

Y dejalo asi:

 

ul#product_list li {
background: cornsilk url('../img/block_category_item_bg.jpg') repeat-x;
padding: 1px;
height: 50%;
margin-bottom: 0.3em;
border: solid 1px black;
float: left;
width: 22%;
margin-right: 10px;
margin-left: 1px;
margin-top: 1px;
list-style-type: none;
}

 

en el fichero:

 

/themes/prestashop_new/css/product_list.css

 

Estoy viendo que seguramente salga un punto de la listas en algunos navegadores.

[xavivila]

Ok, hecho...aparte de lo comentado antes de la pestaña de nuevo, y lo que sale a la derecha repetido de ordenar por...tambien veo que la paginación se repite en la parte superior...

[xavivila]

Ostras !!! tambien veo que se ha desplazado la foto principal del producto que esta arriba hacia la izquierda....

[nadie]

Sigo todavia con el listado de productos. (la ficha del producto, ya se vera otro dia, o otro usuario, yo no puedo dedicarle mas tiempo D)

 

Fichero:

 

/themes/prestashop_new/css/global.css

 

Busca esto:

 

.content_sortPagiBar {
margin: 20px 0;
}

 

Y déjalo así:

 

.content_sortPagiBar {
margin: 20px 0;
clear:both;
}

[nadie]

Para lo de "nuevo", vamos al fichero:

 

Busca esto:

 

ul#product_list li .new {
background: white;
border: 1px solid #488C40;
color: black;
font-weight: bold;
margin: 0pt 1em 0pt 0pt;
padding: 0pt 0.4em;
vertical-align: 0.3em;
font-size: 10px;
}

 

 

/themes/prestashop_new/css/product_list.css

 

Y dejalo asi:

 

ul#product_list li .new {
background: white;
border: 1px solid #488C40;
color: black;
font-weight: bold;
padding: 0pt 0.4em;
vertical-align: 0.3em;
font-size: 10px;
position: relative;
left: 99px;
top: -17px;
}

[xavivila]

Hecho. Una última cosa porfavor...se puede sacar la paginación de arriba?

[nadie]

Hecho. Una última cosa porfavor...se puede sacar la paginación de arriba?

 

 

Fichero:

 

/themes/prestashop_new/category.tpl

 

Busca esto:

 

{if $products}
  <div class="content_sortPagiBar">
   {include file="$tpl_dir./pagination.tpl"}
   <div class="sortPagiBar clearfix">
 {include file="$tpl_dir./product-sort.tpl"}
 {include file="$tpl_dir./product-compare.tpl"}
 {include file="$tpl_dir./nbr-product-page.tpl"}
   </div>
  </div>

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

  <div class="content_sortPagiBar">
   <div class="sortPagiBar clearfix">
 {include file="$tpl_dir./product-sort.tpl"}
 {include file="$tpl_dir./product-compare.tpl"}
 {include file="$tpl_dir./nbr-product-page.tpl"}
   </div>
   {include file="$tpl_dir./pagination.tpl"}
  </div>
 {elseif !isset($subcategories)}
  <p class="warning">{l s='There are no products in this category.'}</p>
 {/if}

 

 

Y dejalo asi:

 

{if $products}
  <div class="content_sortPagiBar">
   <div class="sortPagiBar clearfix">
 {include file="$tpl_dir./product-sort.tpl"}
 {include file="$tpl_dir./product-compare.tpl"}
 {include file="$tpl_dir./nbr-product-page.tpl"}
   </div>
  </div>

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

  <div class="content_sortPagiBar">
   <div class="sortPagiBar clearfix">
 {include file="$tpl_dir./product-sort.tpl"}
 {include file="$tpl_dir./product-compare.tpl"}
 {include file="$tpl_dir./nbr-product-page.tpl"}
   </div>
   {include file="$tpl_dir./pagination.tpl"}
  </div>
 {elseif !isset($subcategories)}
  <p class="warning">{l s='There are no products in this category.'}</p>
 {/if}

[xavivila]

Perfecto !!! eres un auténtico genio !!! No se que haríamos los que queremos aprender sin gente como tu....no hay palabras para poderlo agradecer...

 

Si te parece damos el tema por solucionado y para demás cosas habro otro post...

 

Otra vez muchísimas gracias

 

Un saludo

[nadie]

Perfecto !!! eres un auténtico genio !!! No se que haríamos los que queremos aprender sin gente como tu....no hay palabras para poderlo agradecer...

 

Si te parece damos el tema por solucionado y para demás cosas habro otro post...

 

Otra vez muchísimas gracias

 

Un saludo

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

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

 

 

PD: Si para las demás dudas abre diferentes temas, por que sino los temas se harán infinitos.

 

Un Saludo

[xavivila]

Deacuerdo, así lo haré....agradezco mucho tu apoyo y paciencia...ya te he dicho que no hay palabras para poderlo agradecer...

 

Estoy muy contento y satisfecho con todo.

 

Doy el post este como solucionado....

 

Saludos

[nadie]

Deacuerdo, así lo haré....agradezco mucho tu apoyo y paciencia...ya te he dicho que no hay palabras para poderlo agradecer...

 

Estoy muy contento y satisfecho con todo.

 

Doy el post este como solucionado....

 

Saludos

Gracias a usted por confiar en la comunidad de prestashop !

 

Un Saludo,