Jump to content

[SOLUCIONADO] Es posible eliminar la imagen grande en la pagina del producto?

kugi

By kugi
in Discusión general

 Share

Recommended Posts

nadie Rookie

nadie

Posted
Posted

Me preguntaba si es posible eliminar la imagen (thickbox) para que en la pagina del producto haya texto nada mas, sin imagen de ningun tipo! :D Gracias

 

Bueno como no se que plantilla usas, ni que versión de prestashop, te lo comento en base a la plantilla por defecto de prestashop y con la versión 1.4

 

Fichero:

 

product.tpl

 

de la plantilla.

 

Busca esto:

 

<div id="image-block">
 {if $have_image}
  <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}"
   {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
 {else}
  <img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" id="bigpic" alt="" title="{$cover.legend|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
 {/if}
 </div>

 

Y comentalo

<!--  <div id="image-block">
 {if $have_image}
  <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}"
   {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
 {else}
  <img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" id="bigpic" alt="" title="{$cover.legend|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
 {/if}
 </div> -->

 

O en el fichero:

 

themes/prestashop/css/product.css

 

Busca esto:

 

#primary_block #image-block {
border: #D0D1D5 solid 1px;
height: 300px;
width: 300px;
}

 

Y dejalo asi:

 

#primary_block #image-block {
border: #D0D1D5 solid 1px;
height: 300px;
width: 300px;
display:none;
}

 

Con eso haras que la imagen grande del producto no se vea.

  • Like 1
Link to comment
Share on other sites
lunaroja Enthusiast

lunaroja

Posted
Posted

Elimina el bloque

 

<div id="image-block">

...

</div>

 

en product.tpl.

 

Si usas el Mozilla Firefox te recomiendo instalar Firebug, con él podrás saber a que corresponde cada cosa en una página, para borrar una imagen basta con ver que la muestra y luego quitarlo.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ahora si lo que quieres es quitar todo la columna, puedes buscar esto en el fichero:

 

themes/prestashop/css/product.css

 

#primary_block #pb-right-column {
float: left;
width: 11em;
}

 

Y dejarlo así:

 

#primary_block #pb-right-column {
float: left;
width: 11em;
display: none;
}

 

Luego te en cuenta que si quieres que se vea todo la otra columna de la descripción completa, tendras que ir al fichero:

 

/themes/prestashop/css/product.css

 

Buscar esto:

 

#primary_block #pb-left-column {
float: right;
margin-left: 1.1em;
width: 233px;
}

 

Y ampliarle el width.

Link to comment
Share on other sites
  • 4 weeks later...
kugi Newbie

kugi

Posted
  • Author
Posted

Vaya, he estado desconectadisimo, liado con trabajos, y la universidad..... asi que dos cosas...

 

1. Siento mucho el no haber respondido antes

2. Muchísimas gracias por el apoyo, la ayuda y el interés.... en especial a "Nadie" que me ha ayudado muchísimo.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Vaya, he estado desconectadisimo, liado con trabajos, y la universidad..... asi que dos cosas...

 

1. Siento mucho el no haber respondido antes

2. Muchísimas gracias por el apoyo, la ayuda y el interés.... en especial a "Nadie" que me ha ayudado muchísimo.

 

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.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Thanks for the help, it did work when i commented the div... now the problem is a large empty space on the left hand size... i wonder, how could i move the discount table next to the short description Div??

 

 

Spanish forum, write only in Spanish

 

For new questions open a new topic.

 

Sorry for my English

 

--------------------------

 

En el foro Español, se escribe solo Español, para escribir en Ingles tienes el foro Ingles

 

Para nuevas preguntas, abre un tema nuevo.

Link to comment
Share on other sites
kugi Newbie

kugi

Posted
  • Author
Posted

Ups... si es que me lio con ambos idiomas de hablarlos a diario :P en la foto ahora me keda un espacio a la derecha en blanco... sabrias decirme como puedo poner el div de la descripcion del producto y el div que he echo de descuentos uno al lado del otro?? en vez de uno encima dcel otro? :D

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ups... si es que me lio con ambos idiomas de hablarlos a diario :P en la foto ahora me keda un espacio a la derecha en blanco... sabrias decirme como puedo poner el div de la descripcion del producto y el div que he echo de descuentos uno al lado del otro?? en vez de uno encima dcel otro? :D

 

Prueba hacer que floten (css float) los dos en el mismo div que estan metidos, con un ancho superior.

 

¿Puedes proporcionar la url tu web?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

http://www.northsolu...p?id_product=10

 

Que floten? estan en 2 div diferentes...

 

Fichero:

 

/themes/freeB/css/product.css

 

Esto:

 

#primary_block #pb-left-column {
float: left;
margin-left: 1.1em;
width: 233px
}

 

Por esto:

 

#primary_block #pb-left-column {
float: left;
margin-left: 1.1em;
width: 538px;
}

 

En el mismo fichero, esto:

 

#primary_block #short_description_block {
background: #E5E6E7 url('../img/product-short-desc-bg.gif') repeat-x top left;
border: 1px #D0D3D8 solid;
padding: 0.7em;
margin-bottom: 1.5em;
}

 

Por esto:

 

#primary_block #short_description_block {
background: #E5E6E7 url('../img/product-short-desc-bg.gif') repeat-x top left;
border: 1px #D0D3D8 solid;
padding: 0.7em;
margin-bottom: 1.5em;
width: 240px;
float: left;
}

 

 

En el mismo fichero, esto:

 

#primary_block #buy_block {
background: #F1F2F4 url('../img/product-buy-bg.gif') repeat-x top left;
font-size: 1.1em;
padding: 0.7em;
color: #374853;
border: 1px #D0D3D8 solid;
margin-bottom: 1.5em;
}

 

Por esto:

 

#primary_block #buy_block {
background: #F1F2F4 url('../img/product-buy-bg.gif') repeat-x top left;
font-size: 1.1em;
padding: 0.7em;
color: #374853;
border: 1px #D0D3D8 solid;
margin-bottom: 1.5em;
width: 259px;
float: right;
}

  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por cierto, aquí se han resuelto dos dudas, la de eliminar la imagen principal del producto, que esa duda se soluciono ya hace unas semanas, y esta ultima que es para que te floten los dos elementos, que tienes dentro en este caso del:

 

#pb-left-column

 

PD: :P Prueba lo ultimo que se te ha comentado y si te funciona bien, para nuevas dudas crea un tema nuevo )

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