Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Shopify

Reseña de Roxxe, tema para Shopify

by
Length:ShortLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Carlos (you can also view the original English article)

En esta reseña, veremos un tema multipropósito para Shopify llamado Roxxe. Shopify te permite crear rápidamente tu propia tienda en línea, y con el tema adecuado, podrás tenerla funcionando de inmediato. ¡Así que echemos un vistazo a Roxxe, hablaremos de sus ventajas y sus deventajas, y veremos si tiene lo que necesitas!

Análisis de Roxxe, tema multipropósito para Shopify

Mira esta reseña en video para que veas cómo instalo, configuro y utilizo Roxxe para crear una sencilla tienda en línea. De manera alternativa, puedes continuar leyendo la versión escrita.

Dónde conseguir el tema Roxxe para Shopify

Roxxe está disponible en Themeforest y (al momento de escribir este artículo) está rebajado de 39 a 19 dólares:

Roxxe Shopify theme available on Themeforest
Tema Roxxe para Shopify disponible en Themeforest

Como se mencionó, Roxxe es un tema multipropósito y cuenta con muchas demostraciones; desplázate hacia abajo en la página de la vista previa y verás más de 60 ejemplos de páginas de inicio prediseñadas. Estas van desde moda, belleza y electrónica hasta regalos y mascotas; así que sin importar a qué nicho pertenezca tu tienda en línea, tendrás una buena idea de cómo Roxxe puede adaptarse a tus necesidades. Cada demostración es con el mismo tema, pero con una apariencia muy distintiva.

Y lo que es realmente atractivo es que cada mes se lanzan 4 o 5 nuevos ejemplos, por lo que si todavía no encuentras una demostración específicamente para tu nicho, ¡probablemente pronto la verás!

Mi ejemplo de una tienda de muebles

Con el tema Roxxe he creado una tienda de muebles para Shopify, usando su demostración prediseñada. Asi es como se ve sin haberla modificado mucho:

Shopify furniture store

En muy poco tiempo pude crear esta página de inicio, añadir algunos productos, crear algunas colecciones y todo fue muy fácil.

El estilo es un objetivo, pero siempre me han gustado los temas limpios y minimalistas, por lo que en especial me gusta la variante de la tienda de muebles. Sobra decir que también es un tema responsivo, por lo que todas las variantes del tema se verán muy bien en cualquier dispositivo.

Mega menú

Roxxe también tiene soporte para un mega menú, que pude configurar rápidamente (¡aunque no le agregué muchas opciones!)

roxxe shopify mega menu

En el mega menú puedes añadir enlaces, imágenes y banners simples para conducir a los clientes a diferentes páginas y colecciones.

Página de colecciones

En las páginas de colecciones, podrás filtrar productos por etiquetas, ordenar los resultados como prefieras y verlos en formato de lista o cuadrícula. Auí una característica atractiva  es la opción de vista rápida, que abre una ventana emergente para mostrar a los usuarios más detalles del producto sin tener que salir de la colección.

shopify quick view popup

Esto, para mí, es una característica que todo tema de eCommerce debería tener.

Otras páginas

La página individual del producto está muy bien diseñada; las imágenes a la izquierda, las información del producto (incluyendo las variantes) a la derecha.

También tienes algunas excelentes plantillas para otras páginas, como página de contacto, sobre nosotros, una página de lista de deseos, etc. Roxxe también es compatible con idiomas LTR (de izquierda a derecha) y RTL (de derecha a izquierda).

Si utilizas alguna de las integraciones de Shopify más populares como Trust Hero, Exit Intent Popup, Email Collection Bar, Roxxe también funciona bien con todas ellas. Puedes encontrar una lista de todas las integraciones oficiales de Shopify compatibles con Roxxe en su página de Themeforest.

Trabajando con el tema Roxxe

Una vez hecho este rápido recorrido, ¿cómo fue mi experiencia al trabajar con el tema Roxxe? La experiencia de usuario me pareció bastante buena. Logré crear una tienda de muebles rápidamente sin ninguna dificultad y creo que cualquiera lo puede hacer.

Cuando descargues el tema por primera vez, recibirás un registro de archivos. Para instalarlo, abre default skin y localiza el ZIP del tema:

roxxe default skin

Este es el archivo ZIP que necesitas subir a Shopify. Al hacerlo, se instalará el tema predeterminado. Si quieres una de las demostraciones que comentamos anteriormente, deberás abrir el documento de texto que se ve en la captura de pantalla anterior. En este archivo encontrarás los enlaces a todos los temas que puede descargar e instalar.

En la página del artículo de Themeforest, si te desplazas hacia abajo, encontrarás una sección promocionando el Importador de demostración de un solo clic. Como lo comentamos, en realidad no se trata de una instalación de demostración de «un solo clic», pero dejando de lado el nombre, seguir un enlace, descargar y subir es un proceso fácil.

Con el tema cargado, tuve que añadir algunos productos, algunas imágenes y editar las opciones del tema. Esto fue muy fácil. Ve al panel de control de tu tienda y haz clic en Temas > Personalizar (Themes > Customize).

Themes Customize

La configuración del tema está bien organizada, permitiéndote cambiar (por ejemplo):

  • Tipografía
  • Colores
  • Favicon
  • Barra lateral
  • Lista de deseos
  • Páginas y diseño
  • Seguridad
  • Boletín informativo (Newsletter)

Si tuviera que mencionar un inconveniente en este punto, es que no tengo acceso a todos los tamaños de los encabezados en la configuración de la tipografía. En cambio, lo que se puede editar es bastante selectivo (solamente el tamaño de H3, por ejemplo).

Los ajustes también contienen herramientas de diseño realmente útiles, como este creador de banners que es extremadamente fácil de usar:

roxxe banner maker

Estas herramientas de diseño también te permiten crear el mega menú como lo comentamos anteriormente. Para más detalles sobre cómo funcionan, consulta el video incluido en la parte superior de la publicación.

En suma, estoy muy contento con la experiencia de usuario al instalar y configurar el tema Roxxe, y creo que igualmente lo pueden utilizar los propietarios de tiendas que no necesariamente sean conocedores de la tecnología.

Rendimiento

¿Qúe tal el desempeño? Veamos los resultados de algunas pruebas que realicé. En estas pruebas analicé 3 cosas:

  • Tiempo de carga
  • Prueba responsiva
  • Inspección con Lighthouse en Chrome

Usando el inspector de Chrome, vi la pestaña de red, desactivé el caché y configuré algunas cosas para emular una conexión 3G rápida. Esto me dio un tiempo de carga de 5,53 s, que en una conexión 3G no es tan malo; en una conexión 4G normal vi alrededor de 3 segundos de tiempo de carga.

En términos de la capacidad responsiva de Roxxe, sus diseños móviles son limpios y ordenados, con íconos adecuados en vez de las etiquetas de texto que verás en pantallas más grandes. Hay algunas alineaciones cuestionables en los íconos, pero estamos hablando de píxeles, por lo que la mayoría de los usuarios no notarán nada.

El menú deslizante para dispositivos móviles, junto con su pestaña grande de cierre, son realmente agradables y claros.

slide-in menu on mobile

Con la inspección de Lighthouse en Chrome se evalúan algunas métricas de un sitio web, como el rendimiento, la accesibilidad, el SEO, etc. Aquí puedes ver el desempeño de mi demostración en un dispositivo móvil:

lighthouse mobile

No está tan mal, pero notarás que las puntuaciones son aún mejores en equipos de escritorio:

desktop scores

Con un poco más de ajustes (como el uso de imágenes más pequeñas, etc.), estas puntuaciones se pueden mejorar aún más.

¡Eso es todo!

Muy bien, eso es todo en este vistazo rápido al tema Roxxe para Shopify. Aún hay algunas áreas que mejorar, pero no olvides que es un tema joven (solo tiene 6 meses, al momento de escribir esta reseña) y se actualizará y mejorará todavía más a medida que pase el tiempo.

En general, creo que es un tema muy sólido y flexible para Shopify. Recomiendo sinceramente echarle vistazo y espero con interés las actualizaciones y desarrollos que le harán los autores.

Si deseas aprender más sobre cómo usar Shopify, échale un vistazo a mi curso gratuito en el canal de Tuts+ en Youtube.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.