Hola amigos:hola:
Quiero mejorar el diseño de la tienda con magento para que muestre las fotos o imagenes con el tipico efecto de sombra. He estado mirando y he visto que hay un programa llamado ShadowBox para instalar este efecto.
¿Alguno que haya instalado o conozca este programa?
Un saludo
El talento es algo bastante corriente. No escasea la inteligencia, sino la constancia.
Si buscas la verdad, prepárate para lo inesperado, pues es difícil de encontrar y sorprendente cuando la encuentras.
hola Antonio,
El shadowbox lo uso en mi tienda (ojo, NSFW :susto:) y me encanta. Es como el lightbox pero acepta tambien videos, formularios, paginas webs...
Todavia no he intentado instalarlo en magento, pero aqui hay un tutorial de como hacerlo.
Si te animas dinos que tal te va.
salu2
Indicanos la versión que usas en tu firma (en la cabecera, Acciones del Foro -> Editar Perfil -> Editar Firma)
No toques los ficheros del core, tienes que crear modulos para modificarlo
Algunas cosas que hay que saber sobre Magento, y el comercio online
Hola OSdave.
Gracias por tu aportación.
En este blog que está en español encontre también el mismo manual. A ver si tengo tiempo y lo instalo y ya os cuento.
Muy interesante tu tienda, de entrada me esperaba ver otro tipo de articulos:sorprendido:. En principio he intentado ver una imagen de las que tienes con el Firefox 3 y se queda cargando sin poder verla. A lo mejor es cosa de mi ordenador, mira a ver.
Un saludo
El talento es algo bastante corriente. No escasea la inteligencia, sino la constancia.
Si buscas la verdad, prepárate para lo inesperado, pues es difícil de encontrar y sorprendente cuando la encuentras.
Antonio, post: 1522 wrote:
Muy interesante tu tienda, de entrada me esperaba ver otro tipo de articulos:sorprendido:. En principio he intentado ver una imagen de las que tienes con el Firefox 3 y se queda cargando sin poder verla. A lo mejor es cosa de mi ordenador, mira a ver.
Un saludo
A mi tampoco me cargan las imagenes!!
mgnt:: Comunidad Magento
------
Indícanos la versión que usas en tu firma
mmm no entiendo: Antonio me dijo que lo reintento despues y que se cargaron sin problema...
pero si no se cargan a la primera visita, tengo un problema muy gordo 🙁
bueno, a revisar codigo, otra vez
Indicanos la versión que usas en tu firma (en la cabecera, Acciones del Foro -> Editar Perfil -> Editar Firma)
No toques los ficheros del core, tienes que crear modulos para modificarlo
Algunas cosas que hay que saber sobre Magento, y el comercio online
Probado con:
Ubuntu 7.10
firefox 2 y opera
No carga.
mgnt:: Comunidad Magento
------
Indícanos la versión que usas en tu firma
Lo siento pero a mi particularmente con Windows y Unix no tengo problemas en verlas, es decir, se cargan perfectamente (utilizando Firefox, i.explorer,safari).
Opera no lo sé.
En un principio tal como le comenté a OSdave a mi no se me cargaban, pero al rato volví a probar y me cargaban ya correctamente (me dije a mi mismo que seguro que OSdave lo había solucionado).
Repito que ahora mismo desde mi ordenador se cargan correctamente
:enfadado: estoy viendo a OSdave encabritao con el código..coño passsaaa:bate::bate::despiste:
El talento es algo bastante corriente. No escasea la inteligencia, sino la constancia.
Si buscas la verdad, prepárate para lo inesperado, pues es difícil de encontrar y sorprendente cuando la encuentras.
Siguiendo con el título de este tema, también es interesante el script slimbox, tiene unos efectos interesantes. Utiliza el el framework de Mootools. Además parece mas facil de configurar que el shadowbox. Utiliza CSS para definir los estilos de la ventana. Es otra opción interesante.
Ver DEMO
LINK descarga: slimbox
Ver PAGINA
Saludos
El talento es algo bastante corriente. No escasea la inteligencia, sino la constancia.
Si buscas la verdad, prepárate para lo inesperado, pues es difícil de encontrar y sorprendente cuando la encuentras.
Hola:
Yo instalé el shadowbox en mi tienda y funciona perfectamente. Lo hice siguiendo las instrucciones del manual indicado en....
OSdave, post: 1520 wrote: hola Antonio,
Todavia no he intentado instalarlo en magento, pero aqui hay un tutorial de como hacerlo.
Si te animas dinos que tal te va.
salu2
Antes, lo había intentado con:
Antonio, post: 1522 wrote: Hola OSdave.
Gracias por tu aportación.
En este blog que está en español encontre también el mismo manual. A ver si tengo tiempo y lo instalo y ya os cuento.
... Este es el mismo manual, pero el pack de download no es el mismo...
Saludos!!
Hola, me acabo de registrar, y espero pasar bastante tiempo por aqui, ya que no tengo ni idea de programacion ni de diseño y me he metido a montar una tienda online yo solito( menudo marron), llevo 10 dias acostandome a las tantas o no acostandome, y es que cada vez me entero menos. Bueno, al grano, a mi me gusta esto del shadowbox y lo queria añadir a la chapuza que estoy haciendo, pero no me va, llevo 3 dias con ello y no se como hacerlo, asi que os pido ayuda, vereis tengo la version 1.3.2.1 y he intentado configurarlo desde las paginas que comentais y tambien desde esta, que me parece mejor, o al menos mas reciente. El caso es que hago todo lo que dice paso a paso, pero no me va, alguno puede hecharme una manopla? Un saludo compis
la pagina en cuestion : http://www.swiftcore.com/en/magento/integrate-shadowbox-alternative-lightbox-30b-magento.html#comment-1066 .
Buenos dias,
Acabo de instalar el ShadowBox desde el link que ofreces y me funciona perfectamente. Aquí van los pasos que tienes que realizar:
1.- Descargate la version modificada:
2.- Crea una carpeta dentro de tudominio/js/shadowbox-build-3.0b/
y dentro pegas todo el contenido de el archivo que te acabas de descragar. tiene que quedarte algo como muestra la imagen1.
3.- ahora nos dirigimos a catalog.xml. Lo encotramos en tudominio/app/design/frontend/tutema/tutema/layout/catalog.xml
Lo abrimos con un editor de texto y buscamos las siguientes lineas:
<catalog_product_view>
<!-- Mage_Catalog -->
<reference name="root">
<action method="setTemplate"><template>page/2columns-right.phtml</template></action>
</reference>
<reference name="head">
<action method="addJs"><script>varien/product.js</script></action>
<action method="addItem"><type>js_css</type><name>calendar/calendar-win2k-1.css</name><params/><!--<if/><condition>can_load_calendar_js</condition>--></action>
<action method="addItem"><type>js</type><name>calendar/calendar.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action>
<action method="addItem"><type>js</type><name>calendar/lang/calendar-en.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action>
<action method="addItem"><type>js</type><name>calendar/calendar-setup.js</name><!--<params/><if/><condition>can_load_calendar_js</condition>--></action>
</reference>
y lo modificamos por estas:
<catalog_product_view>
<!-- Mage_Catalog -->
<reference name="root">
<action method="setTemplate"><template>page/2columns-right.phtml</template></action>
</reference>
<reference name="head">
<action method="addJs"><script>varien/product.js</script></action>
<!-- shadowbox javascript -->
<action method="addJs"><script>shadowbox-build-3.0b/shadowbox.js</script></action>
<action method="addItem"><type>js_css</type><name>calendar/calendar-win2k-1.css</name><params/><!--<if/><condition>can_load_calendar_js</condition>--></action>
<!-- shadowbox css -->
<action method="addItem"><type>js_css</type><name>shadowbox-build-3.0b/shadowbox.css</name><params/><!--<if/><condition>can_load_calendar_js</condition>--></action>
</reference>
Ahora vamos a modificar el fichero media.phtml. Lo encontraremos en tudomino/app/design/frontend/tutema/tutema/template/catalog/product/view/media.phtml
Primero de todo añadiremos al principio del archivo (despues de los comentarios y despues del ?> el siguiente codigo:
/**
* Product media data template
*
* @see Mage_Catalog_Block_Product_View_Media
*/
?>
<script type="text/javascript">
Shadowbox.init();
</script>
Vamos a buscar todas estas lineas de codigo y las vamos a borrar:
<?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
<p class="product-image-zoom">
<?php
$_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
echo $_helper->productAttribute($_product, $_img, 'image')
?>
</p>
<p class="a-center" id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>
<div class="image-zoom" id="track_outer">
<img id="zoom_out" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_out.gif') ?>" alt="<?php echo $this->__('Zoom Out') ?>" class="btn-zoom-out" />
<div id="track">
<div id="handle"></div>
</div>
<img id="zoom_in" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_in.gif') ?>" alt="<?php echo $this->__('Zoom In') ?>" class="btn-zoom-in" />
</div>
<script type="text/javascript">
Event.observe(window, 'load', function() {
product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
});
</script>
<?php else: ?>
<?php
$_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($_product->getImageLabel()).'" />';
echo $_helper->productAttribute($_product, $_img, 'image')
?>
<?php endif; ?>
ahora añadiremos en el sitio que hemos borrado el siguiente codigo:
<p class="product-image-zoom">
<a href="<?php echo $this->helper('catalog/image')->init($_product, 'image'); ?>"
title="<?php echo $this->htmlEscape($this->getImageLabel()); ?>"
rel="shadowbox[product]">
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize(300); ?>"
alt="<?php echo $this->htmlEscape($this->getImageLabel()); ?>"
title="<?php echo $this->htmlEscape($this->getImageLabel()); ?>" /></a>
</p>
<p class="a-center" id="track_hint"><?php echo $this->__('Click on above image to enlarge') ?></p>
y por último modificaremos la siguiente linea
<a href="#" onclick="popWin('<?php echo $this->getGalleryUrl($_image) ?>', 'gallery', 'width=300,height=300,left=50,top=50,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
por esta otra:
<a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" rel="shadowbox[product]"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(143); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>
y ya esta! con esto te tendria que funcionar sin problemas. Esta prueba la he hecho con la version de magento 1.3.2.2 y con la version de shadowbox-build-3.0b modificada.
Un saludo y espero que te sriva.
Versión de Magento 1.4.1.1
Bueno, alguien puede ayudarme o nadie sabe de lo que estoy hablando. Saludos
Hace tiempo envie como hacer funcionar el ShadoBox pero mi respuesta necesitaba confirmacion de algun admin del foro. Asi que si algun admin ve la posibilidad de que mi post este visible creo que ayudaria a esta gente.
Un saludo.
Versión de Magento 1.4.1.1
Lo siento, hay mensajes que se me pasan...
Ya he aprobado el post:
https://www.factoriadigital.com/mgnt/showpost.php?p=7875&postcount=11
Soporte profesional para Magento: www.estatiko.com
No pasa nada jejeje, se que mantener un foro es complicado y mas cuando hay otros trabajos que realizar.
Gracias por mostrarlo al mundo! 😀 Ahora espero que les ayude.
Versión de Magento 1.4.1.1