Ayuda encuadre pagina de producto modicado tamaño imagen "Solucionado"

joseangel2003 · October 5, 2013

Hola a todos, la verdad consulto porque no se y estoy mareado, ando queriendo terminar de modificar la pagina de producto siguiendo muchos post en el foro venia bien pero estoy en un punto donde no puedo avanzar, queremos el tamaño de la imagen del producto en 500x500 pero no logro pasar a la izquierda el bloque descripción corta+titulo+precio+etc , podrían darme una mano!?

pueden ver donde estoy trabado en

http://www.owonet.com.ar/heladeras-y-freezers/499-heladera-2-puertas-lacar-con-freezer-300lts.html

Estamos con prestashop 1.5.5 tema default.

Desde ya gracias!

Edited October 5, 2013 by joseangel2003 (see edit history)

nadie · October 5, 2013

Ok.

Viendo tu web, ve al fichero:

http://www.owonet.com.ar/themes/default/css/product.css

Busca esto:

#pb-right-column {
float: left;
width: 266px;
}

Y dejalo asi:

#pb-right-column {
float: left;
width: 509px;
}

---

Ahora como complementario, como he visto que has modificado la tienda, para que no tengas columnas al menos en la ficha del producto, te dire un truco para que la ficha del producto se te quede todavia mas chupi.

Fichero:

http://www.owonet.com.ar/themes/default/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: 454px;
}

nadie · October 5, 2013

Por lo que veo ya acabas de aplicar los cambios ¿no?

Saludos,

Recuerda limpiar la cache de tu navegador si no ves el cambio que has realizado en el css. (Yo ahora ya lo veo correcto)

joseangel2003 · October 5, 2013

jajaja, es que no me das tiempo a responder jajajaja, como decía mi abuela "el que sabe sabe y el que no es jefe" jajajaja, si, un lujo, la verdad te agradezco sobre manera, si te pido como yapa que me ayudes a poner también a la derecha de la imagen principal

- las fotitos secundarias

-enviar amigo/facebook e imprimir

me estaría pasando de la raya ?

me gustaría poner esas cosas entre la linea superior de "cantidad" y por debajo de "descripción corta" pero si se complica mucho con que queden debajo del precio mataría!

GRACIAS!

joseangel2003 · October 5, 2013

AH se me escapó en el otro con el nerviosismo del "logro", los cambios los hice en product.css (no se si sera tema de versión me habías pasado global.css)

nadie · October 5, 2013

AH se me escapó en el otro con el nerviosismo del "logro", los cambios los hice en product.css (no se si sera tema de versión me habías pasado global.css)

Si es correcto en el product.css, el teclado me paso una mala pasada xD ya lo corregi en el mensaje de arriba. xDDDDD

jajaja, es que no me das tiempo a responder jajajaja, como decía mi abuela "el que sabe sabe y el que no es jefe" jajajaja, si, un lujo, la verdad te agradezco sobre manera, si te pido como yapa que me ayudes a poner también a la derecha de la imagen principal

- las fotitos secundarias

-enviar amigo/facebook e imprimir

me estaría pasando de la raya ?

me gustaría poner esas cosas entre la linea superior de "cantidad" y por debajo de "descripción corta" pero si se complica mucho con que queden debajo del precio mataría!

GRACIAS!

jojojojo

Bah, dame unos minutos y te digo mas o menos como puedes dejarlo para que quede bien esa parte.

Saludos, xD

joseangel2003 · October 5, 2013

Gracias Víctor, cuando puedas, por supuesto. Otra vez Gracias!

nadie · October 5, 2013

Fichero:

/themes/default/product.tpl

Busca esto:

	{if isset($images) && count($images) > 0}
		<!-- thumbnails -->
		<div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">
		{if isset($images) && count($images) > 3}<span class="view_scroll_spacer"><a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}
		<div id="thumbs_list">
			<ul id="thumbs_list_frame">
				{if isset($images)}
					{foreach from=$images item=image name=thumbnails}
					{assign var=imageIds value="`$product->id`-`$image.id_image`"}
					<li id="thumbnail_{$image.id_image}">
						<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html'}" rel="other-views" class="thickbox{if $smarty.foreach.thumbnails.first} shown{/if}" title="{$image.legend|htmlspecialchars}">
							<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')|escape:'html'}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />
						</a>
					</li>
					{/foreach}
				{/if}
			</ul>
		</div>
		{if isset($images) && count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}
		</div>
		{/if}
		{if isset($images) && count($images) > 1}<p class="resetimg clear"><span id="wrapResetImages" style="display: none;"><img src="{$img_dir}icon/cancel_11x13.gif" alt="{l s='Cancel'}" width="11" height="13"/> <a id="resetImages" href="{$link->getProductLink($product)|escape:'html'}" onclick="$('span#wrapResetImages').hide('slow');return (false);">{l s='Display all pictures'}</a></span></p>{/if}
		<!-- usefull links-->
		<ul id="usefull_link_block">
			{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
			<li class="print"><a href="javascript:print();">{l s='Print'}</a></li>
			{if $have_image && !$jqZoomEnabled}
			{/if}
		</ul>

Y dejalo debajo de:

{if $product->description_short OR $packItems|@count > 0}
		<div id="short_description_block">
			{if $product->description_short}
				<div id="short_description_content" class="rte align_justify">{$product->description_short}</div>
			{/if}
			{if $product->description}
			<p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>
			{/if}
			{if $packItems|@count > 0}
			<div class="short_description_pack">
				<h3>{l s='Pack content'}</h3>
				{foreach from=$packItems item=packItem}
				<div class="pack_content">
					{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)|escape:'html'}">{$packItem.name|escape:'htmlall':'UTF-8'}</a>
					<p>{$packItem.description_short}</p>
				</div>
				{/foreach}
			</div>
			{/if}
		</div>
		{/if}

(Cuidadin con las modificaciones, xD)

joseangel2003 · October 5, 2013

Genio total! No te molesto mas (ojo que ganas no me faltan jajajajaja) Hasta la próxima, ayuda muchísimo este foro. Saludos

PD como pongo (SOLUCIONADO) al titulo del post? que vi es importante

Edited October 5, 2013 by joseangel2003 (see edit history)

nadie · October 5, 2013

Genio total! No te molesto mas (ojo que ganas no me faltan jajajajaja) Hasta la próxima, ayuda muchísimo este foro. Saludos

PD como pongo (SOLUCIONADO) al titulo del post? que vi es importante

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.

Si no encuentras como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-%C2%BFcomo-poner-la-palabra-solucionado-en-el-titulo-del-tema/

Sign In

Ayuda encuadre pagina de producto modicado tamaño imagen "Solucionado"

Recommended Posts

joseangel2003

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

joseangel2003

Link to comment

Share on other sites

joseangel2003

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

joseangel2003

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

joseangel2003

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

Browse

Activity

Go back to prestashop.com