Magic Zoom (demo)

http://www.magictoolbox.com/magiczoom_magento/

Leer el readme, que viene muy bien explicado

Para quitar la publicidad con el de pago reemplazar el mz-packed.js de skin

Print Catalog 2.0.2 de Lemonline (módulo de pago)

http://www.lemonline.fi/en/magento-extensions/print-catalog.html

Lanzar app y skin y ya está, poner en la plantilla que toque

El logo se pone de Sistema > Configuración > Ventas

Productslider de Velite (módulo de pago)

http://velite.de/extension/productslider

Poner las carpetas app y js

Crear un bloque estático.
{{block type=”productslider/index” template=”productslider/box.phtml” use_scope=”portatiles”}}

Con el scope podemos crear tantos sliders como queramos.

Asignar a una categoría o portada.

Asignar los productos desde la solapa Productslider.
Elegir foto, orden, título alternativo.

Añadimos las Extension Keys y algunas anotaciones y enlaces importante.

Idioma ES

magento-community/Locale_Mage_community_es_ES

Antes cambiar los Settings de Stable a Beta.

Raptor menu

magento-community/Raptor_ExplodedMenu-1.0.7

Antes utilizaba el menú Superfish, pero obliga a cambiar muchos .js.

Superfish Menú

http://www.lotusseedsdesign.com/blog/make-an-accessible-category-menu-for-magento-using-jquery-superfish-script

Hay que tener cuidado con la versión de JQuery (1.2.6) y los posibles conflictos con los JavaScript que usa Magento.

Hay que modificar los archivos page.xml, navigation.php y top.phtml.

Customer activation

magento-community/Netzarbeiter_CustomerActivation-0.2.4

Simplemente: makes it impossible for a customer to log in to magento until the account has been activated in the adminhtml interface.

Pero lo usamos con condicionales para ocultar precios y zonas a los no registrados…

Shadowbox

Es posible incorporar este efecto de galería de imágenes en Magento siguiendo mlas instrucciones que encontrareis aquí:

• En castellano: http://www.elblogdemagento.com/como-instalar-shadowbox-en-magento/
• En inglés (original) : http://c.hadcoleman.com/2008/06/adding-shadowbox-to-magento-ecommerce/

Flash Navigator

magento-community/Bysoft_Flashnavigator-0.1.8 – esta es la que va

magento-community/Bysoft_Flashnavigator-2.1

magento-community/Bysoft_Flashnavigator

Luego en CMS/Manage pages/Home

{{block type=”cms/block” block_id=”flash_navigator” template=”cms/content.phtml” }}

Cuidado!
Modificar Sistema Configuracion > Web > Optimización > Usar reescrituras del servidor web: Si
para que se vaya el index.php y se cargue AC_RunActiveContent.js

Live Chat

http://www.magentocommerce.com/magento-connect/Fabrice+Beck/extension/808/livechat

magento-community/Beck_LiveChat

magento-community/Beck_LiveChat-1.6.0

Sistema > Configuración > LiveChat > Configuración – Activar

1- Crear el rol
Sistema > Servicios web > Roles > Nuevo
Livechat – Asignar todos los permisos

3 – Crear operador

Clientes > Live Chat > Listado Operadores > Nuevo > Usuarios > Nuevo > con rol Livechat.

operador – API – ope1rador2
Asignar el rol Livechat (borrar cache y salir hasta que se pueda asignar el rol)

Cuidado!!: Crear un usurio nuevo desde cero, pq me quedé sin contraseña.

El operador debe estar relacionado con una tienda, si no lo hace, el operador no aparecerá en línea.
Configurar – Default store view

Borrar la caché Admin, var/cache/, salir.
Sistema > Configuracion >Live Chat
Habilitar.
Rellenar los campos que aparecen arriba en todo el Admin: Operator name y Operator key.

Clientes > Live Chat > Acceso Operador
Sistema > Live Chat > Acceso operador – panel con los chats abiertos.
Pulsas sobre el nombre del operador y: Lo sentimos, ahora no tenemos operadores online.

Una vez me salío.Luego ya no lo conseguí ????

Layered navigation con Acordeón

http://www.lotusseedsdesign.com/blog/accordion-menu-for-layered-nav

Atención: se carga la navegación en la plantilla blank_seo !!

* Go download jQuery script if you haven’t already done so, pero descargar el 1.2.3 y a funcionar sin cambiar todo scriptaculous

* Add jQuery code to “page.xml” file

<action method=”addJs”><script>jquery/jquery-1.2.3.noConflict.min.js</script></action>

* Modify “view.phtml” located at template/catalog/layer

<script type=”text/javascript”>
/* <![CDATA[ */
jQuery(document).ready(function(){
jQuery("dl#narrow-by-list> dd:not(:first)").hide();
jQuery("dl#narrow-by-list> dt a").click(function(){
jQuery("dl#narrow-by-list> dd:visible").slideUp("fast");
jQuery(this).parent().next().slideDown("fast");
return false;
});
});
/* ]]> */
</script>

<dl id=”narrow-by-list”>

<dt><a href=”/”><?php echo $_filter->getName() ?></a></dt>

Hay algún módulo nuevo: Layered navigation Plus.

List random

<p>{{block type=”catalog/product_list” category_id=”1″ template=”catalog/product/list_random_micategoria.phtml”}}</p>

Poner el archivo en la ruta.

Hace caso a la categoria del phtml, no a la del bloque CMS

Crear un artículo o post en WordPress es muy sencillo. Básicamente hay que Agregar una nueva entrada con un título y su contenido, e indicarle unas categorías y etiquetas. En este artículo vamos a repasar con más detalle todos los pasos a seguir.

Crear un artículo paso a paso

• Entrar en la Administración de Wordpress, normalmente con la URL http://www.tudominio.com/wp-admin.

  Aparecerá una pantalla como esta, donde debes introducir tu nombre de usuario y contraseña.

• Una vez en la Administración pulsa en la columna de la derecha en Entradas/Añadir. Entrarás en el Editor de artículos.
• Escribe un Título que describa bien el contenido, y que incluya las palabras clave adecuadas. Observa cómo se creará una URL basada en el título.
• Escribe el contenido en la caja central (Se puede ampliar estirando de la esquina inferior).
• Maqueta el artículo con párrafos, listas, títulos, negritas e inserta hipervínculos con los iconos del Editor.
• El botón que inserta la etiqueta Más es importante ya que separa la entradilla del artículo del contenido completo. La entradilla es el extracto que se muestra en la portada y páginas de categoría.
• En la columna derecha puedes indicar las Categorías a las que pertenece el artículo o crear una nueva.
• También puedes etiquetar el artículo con términos con los que está relacionado, o elegir entre los más utilizados.
• Si tu blog está conectado a la web u otros sitios, debes rellenar el campo Extracto, ya que generalmente los módulos externos recogen la información de este campo. Revísalo y adáptate al espacio disponible.
• Tal vez tu personalización de WordPress utiliza Campos personalizados para presentar alguna información en el artículo.  Escribe la información correspondiente a cada campo.
• Si tu blog tiene instalado el módulo All in one SEO Pack, encontrarás al final del Editor unos campos donde mejorar el Meta-título, Meta-descripcción y palabras clave.

Insertar imágenes

Pendiente.

Además de las soluciones automáticas, basadas en Google u otros servidores externos, existen complementos para traducir manualmente todas las partes de texto de la web. Nuestra favorita es Joomfish.

Vamos a tratar su manejo de un modo breve, haciendo énfasis en los detalles que nos pueden evitar quebraderos de cabeza:

Tras instalar el componente, en la Administración de Joomla! vamos al Componentes / Administración de traducciones para comprobar que el lenguaje default del sitio es el español o el que quieras.

Otro asunto importante es que debemos de bajarnos e instalar los paquetes de idiomas para Joomla! que queramos traducir. Están aquí:

http://joomlacode.org/gf/project/jtranslation/frs/?action=&br_pkgrlssort_by=package_name&br_pkgrlssort_order=asc .

Desde la Administración de traducciones los activaremos para que aparezca la opción de traducirlos.

Luego entramos en el componente JoomFish.

Seleccionamos Traduciones, elegimos el idioma al que queremos traducir y en Content elements Contents y nos aparecerá el listado de artículos.

Al pulsar en uno de ellos vamos a una pantalla con los textos originales y una casilla en la que podemos escribir o copiar el original, para editarlo.

*Importante: Aplicar los cambios para luego poder editar los contenidos copiados.

*Cuidado: Al final de la página elegir el idioma original y destino de la traducción.

Activar también la casilla Published para que la traducción sea pública y Guardar.

Desde la lista desplegable Content elements podemos traducir también los menús, categorías y módulos.

Desde el Gestor de artículos podemos también elegir el artículo a traducir y seleccionar el idioma desde el menú superior Translate to:. Aparece una caja flotante, en la que se introduce la traducción.

Apuntamos este listado a modo de recordatorio de los módulos que nos han resultado interesantes para investigar y aplicar en próximos desarrollos.

• Left Hand Manufacturers List
• Brands Lite (ambos para módulo de listado de marcas)
• Magik Slider
• Banners
• jqZoom
• Simply Flash Zoom
• Easy Lightbox
• 2 módulos interesantes para MailChimp
• Featured products de Inchoo
• Featured categories
• Most viewed
• Best seller
• Raffle (rifas)
• Easy Tabs (estupendo)
• Robots y Canonical de Yoast
• Admin theme
• Twitt your products
• FB Connect (hay varios módulos más relacionados con Facebook)
• Customer activation
• Sólo registrados ven precio – 49 $

Si partimos de una plantilla ya diseñada podemos mejorar el SEO sirviendo el contenido en primera posición.

Nuestra recomendación es utilizar una plantilla en blanco que no utilice tablas para la composición de las páginas y categorías.

Hemos apostado por el desarrollo de BulletProof Templates. Ya viene preparada para SEO y nos evitará luchar contra un montón de estilos predefinidos.  La imagen corresponde a una instalación de Joomla! con la plantilla Blank. Te la puedes descargar desde este enlace (tras registrarte). Dispone de un foro con cierto movimiento.

http://www.bulletprooftemplates.com/forum/index.php?f=2&t=1&sid=a139f048a46bcf1637a34b84c4fd51fd&rb_v=viewtopic

Aseguraos al descomprimir la carpeta que realmente es la plantilla skeleton-template-tableless.

Libros y webs

En esta presentación encontraremos las instrucciones para hacer que el contenido de la página se cargue en primer lugar. Hay que mover unos cuantos DIVs y usar posiciones absolutas. No me funcionó al 100% y tuve que hacer mi propio desarrollo.

Desde hace algún tiempo escuchamos lo poco preparado que está Joomla! para SEO. Hasta que no haya otra información es interesante leer los consejos que encontramos en este mini-libro: The Little Joomla SEO Book.

También encontré un libro muy interesante llamado Joomla 1.5 SEO de Herbert-Jan van Dinther en la editorial Packt Publising, muy util y práctico. Habla de estrategia, estructura, contenidos, Joomla! SEF Patch, SH404 SEF y la performance. Recomendable.

Otros enlaces de interés son:

• http://www.joomlaperformance.com/
• http://www.seositecheckup.com/

Permite visualizar una categoría de artículos en un pase de diapositivas.

Puedes navegar Atrás / Adelante con unas enormes flechas, parar y reproducir el pase. O bien puedes recorrerlas pulsando en un número-botón inferior.

Desde los parámetros del módulo eliges el número de artículos, el efecto de entrada y la duración.

Un slideshow muy completo que hemos utilizado en la galería de Domingo Millán http://www.barravuitart.com.

Hemos editado los archivos .php que se encuentran en modules/mod_jslideshow y la hoja de estilos  slideshow.css, y creado unos círculos minimalistas para la ocasión.

Pierdes mucho tiempo luchando contra selectores que ya están escritos y creando DIVs para poder darles un tratamiento gráfico distinto. Hasta que llegó la plantilla Blank.

Con ella vas construyendo el aspecto de tu plantilla elemento a elemento. Y aunque escribas muchos estilos CSS, todo te va obedeciendo con normalidad.

La Extension Key es esta. Funciona en la versión 1.3.2.4:

magento-community/Yoast_Blank_Seo_Theme-1.3.2.0.1

La nueva versión de la Blank SEO preparada para Magento 1.4 instala un montón de componentes.

http://www.magentocommerce.com/magento-connect/Yoast/extension/974/yoast-blank-seo-theme

magento-community/Yoast_Blank_Seo_Theme

En Magento 1.4 ha cambiado mucho la estructura de plantillas. Ahora encontramos la plantilla base con su default dentro que es muy neutra.

La plantilla Blank SEO se instala dentro de la plantilla default y tien pocos archivos es muy ligera. Hay que ir duplicando archivos del original en nuestro desarrollo para sobreescribir el original e ir personalizando la estructura y los módulos.

Crear una precarga de una imagen con CSS es muy sencillo.
Simplemente tienes que darle a la imagen un estilo que cargue un fondo que sea un gif animado.

img {
background: white url(’images/loading.gif’) no-repeat center;
}

Cargará la imagen loading.gif hasta que la imagen final esté lista.
No espereis que se cargue esta. Es un truco.

• http://inchoo.net/ – Son grandes.
• http://www.lotusseedsdesign.com/ – Muy trabajadores, no te pierdas su blog.
• http://www.silverthemes.com/ – Temas y widgets para la tienda.
• http://www.temgra.com/ – Interesantes selectores de color.
• http://yoast.com/ – Especializados en SEO, también tienen módulos y recursos para WordPress.
• http://www.elblogdemagento.com/ – Sólo ellos saben cosas como el putadón de que Skype se adueñe del puerto 80 y  no te deje arrancar XAMPP.
• http://magentoblog.com/ – Dedicado a comentar tiendas de Magento y las plantillas que utilizan.