Hola, estuve tratando de meter mano en el codigo pero no puedo lograr algo que es tan simple hacerlo en una página "normal" html.
El tema es que tengo mis productos asi:
y quiero lograr algo asi:
no entiendo bien como estan ubicados los div's de ahi por eso no puedo solucionarlo..
alguna ayudaa?
muchas gracias desde ya.
El tema es que tengo mis productos asi:
y quiero lograr algo asi:
no entiendo bien como estan ubicados los div's de ahi por eso no puedo solucionarlo..
alguna ayudaa?
muchas gracias desde ya.
http://www.elitehogar.com.arcofran wrote:difícil sin poder ver el código... publica la url del sitio
si podes darme una mano te lo agradecería mucho!
en tu archivo de template CATALOG/CATEGORY.TPL (si no me equivoco) busca el DIV con la CLASS que dice "price" (corta teniendo cuidado de no romper la lógica del PHP) y ponelo por debajo del DIV que tiene la CLASS que dice "description" de esa forma se verá como queres
es que así lo tengo, el price debajo del description.. mira:
Code: Select all
<div class="product-list">
<?php foreach ($products as $product) { ?>
<div>
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<div class="description"><?php echo $product['description']; ?></div>
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<div align="center"><div align="center" style="width:60px; height:18px; color:#666666;"><?php echo $product['price']; ?></div><div align="center" style="background: url(imagenes/porinternet.jpg) no-repeat; width:60px; height:35px; padding-top: 7px; font-size:16px;"><b><?php echo $product['special']; ?></b></div></div>
<?php } ?>
</div>
<?php } ?>
<?php if ($product['rating']) { ?>
<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
<?php } ?>
<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div>
<div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');"><?php echo $button_wishlist; ?></a></div>
<div class="compare"><a onclick="addToCompare('<?php echo $product['product_id']; ?>');"><?php echo $button_compare; ?></a>
</div>
</div>
<?php } ?>
</div>
si si, lo ubico ahi tambien, pero con eso logro duplicarlo, sí, duplicarlo. Me aparece debajo del boton de comparar y tambien en el lugar de antes! no entiendo por qué aparece dos veces si de arriba lo borro y lo paso abajo, deberia de quedar debajo del "comparar" solamente. y el problema, es que puedo poner el precio con un ancho igual al boton "comparar", y yo necesito hacerlo mas ancho qe eso, como se ve en la fotomiktowers wrote:Hola, perdón, te contesto sin haberlo probado, pero me parece que el div class=price debería ir al final de todo, luego del class= compare.
Hola:
Una consulta. Estas seguro que el código que pegaste es el del sitio? Porque cuando voy al sitio, veo las etiquetas div en distinto orden que el código que mostraste. Por ejemplo, el add to wishlist esta primero en las etiquetas de tu sitio, y en el código esta último.
Una consulta. Estas seguro que el código que pegaste es el del sitio? Porque cuando voy al sitio, veo las etiquetas div en distinto orden que el código que mostraste. Por ejemplo, el add to wishlist esta primero en las etiquetas de tu sitio, y en el código esta último.
Si si, ahora lo dejé como antes, como viene por defecto, pero si hago el cambio ese que dijiste, me lo duplica, dejandome el precio donde viene por defecto, y tambien por debajo de "comparar". Por ahi podria crear un div y posicionandolo con los left-top-right-bottom. Pero no sé muy bien de eso y no se si será útil...miktowers wrote:Hola:
Una consulta. Estas seguro que el código que pegaste es el del sitio? Porque cuando voy al sitio, veo las etiquetas div en distinto orden que el código que mostraste. Por ejemplo, el add to wishlist esta primero en las etiquetas de tu sitio, y en el código esta último.
no te confundas, mira que el display del precio no es solo un div es todo esto:
Code: Select all
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<div align="center"><div align="center" style="width:60px; height:18px; color:#666666;"><?php echo $product['price']; ?></div><div align="center" style="background: url(imagenes/porinternet.jpg) no-repeat; width:60px; height:35px; padding-top: 7px; font-size:16px;"><b><?php echo $product['special']; ?></b></div></div>
<?php } ?>
</div>
<?php } ?>
si si. estoy en lo correcto. yo paso de poner:
a esto:
y con esto lo unico que logro es DUPLICARLO de esta manera:
si el codigo de precio lo coloco luego del <div> que está debajo del compare, resulta que no me modifica nada, sigue estando arriba, ni siquiera se ubica debajo del compare..
Code: Select all
<div class="product-list">
<?php foreach ($products as $product) { ?>
<div>
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<div class="description"><?php echo $product['description']; ?></div>
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<div align="center"><div align="center" style="width:60px; height:18px; color:#666666;"><?php echo $product['price']; ?></div><div align="center" style="background: url(imagenes/porinternet.jpg) no-repeat; width:60px; height:35px; padding-top: 7px; font-size:16px;"><b><?php echo $product['special']; ?></b></div></div>
<?php } ?>
</div>
<?php } ?>
<?php if ($product['rating']) { ?>
<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
<?php } ?>
<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div>
<div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');"><?php echo $button_wishlist; ?></a></div>
<div class="compare"><a onclick="addToCompare('<?php echo $product['product_id']; ?>');"><?php echo $button_compare; ?></a>
</div>
</div>
<?php } ?>
</div>
Code: Select all
<div class="product-list">
<?php foreach ($products as $product) { ?>
<div>
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<div class="description"><?php echo $product['description']; ?></div>
<?php if ($product['rating']) { ?>
<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
<?php } ?>
<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div>
<div class="wishlist"><a onclick="addToWishList('<?php echo $product['product_id']; ?>');"><?php echo $button_wishlist; ?></a></div>
<div class="compare"><a onclick="addToCompare('<?php echo $product['product_id']; ?>');"><?php echo $button_compare; ?></a>
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<div align="center"><div align="center" style="width:60px; height:18px; color:#666666;"><?php echo $product['price']; ?></div><div align="center" style="background: url(imagenes/porinternet.jpg) no-repeat; width:60px; height:35px; padding-top: 7px; font-size:16px;"><b><?php echo $product['special']; ?></b></div></div>
<?php } ?>
</div>
<?php } ?>
</div>
</div>
<?php } ?>
</div>
si el codigo de precio lo coloco luego del <div> que está debajo del compare, resulta que no me modifica nada, sigue estando arriba, ni siquiera se ubica debajo del compare..
SOLUCIONADO. El problema no era en el TPL, era en el css. La clase "price" tiene algun atributo (ni me fijé cual) que hacia que el precio se ubique ahi si o si, entonces al div le borré el class="price" y le puse una clase propia, lo ubiqué debajo del compare y ahora si me funciona correctamente, y pude colocarle el precio mas grande.
MUCHISIMAS GRACIAS POR PREOCUPARSE!
MUCHISIMAS GRACIAS POR PREOCUPARSE!
Jajajajaja gracias! igual yo ya no me ilusiono mas... voy a la cancha SIEMPRE pero que sea lo que dios quiera jajajajajamiktowers wrote:Buenisimo! La verdad que me tenía dando vueltas la cabeza mal...
Che, y felicitaciones por el 3 a 0
Who is online
Users browsing this forum: Bing [Bot] and 41 guests