A medida que tu negocio y tu tienda evolucionan, querrás añadir nuevas funcionalidades o explorar nuevos mercados. Esta sección trata sobre todos los aspectos relacionados con la personalización de tu tienda: adaptar una tienda en línea que se adapte a tu negocio actual, y ampliarla con nuevos módulos, nuevos países e idiomas, métodos de pago o transportistas, en el trascurso del tiempo.
Este capítulo contiene las siguientes secciones:
Digitmerca trae incluidos un conjunto de módulos que se pueden instalar/desinstalar y configurar como se desee, para personalizar y mejorar tu tienda.
La gama de acciones es prácticamente ilimitada: la extensibilidad de Digitmerca permite que tu tienda realice exactamente lo que quieres que haga, en vez de tener que convivir con limitaciones que no deberían de existir – siempre puedes encontrar el módulo que hace exactamente lo que necesitas.
La sección del back office "Módulos" está actualmente siendo reelaborada. Cabe esperar que se produzcan cambios desde Digitmerca 1.7.5 a las siguientes versiones menores, y es por eso que preferimos no documentarla en estos momentos, y esperar a que finalicemos con todo el trabajo. No te preocupes por esto, ya que queremos que esta sección siga siendo tan intuitiva como siempre, ¡probablemente no necesitarás de ayuda!
La forma en que tu tienda se ve desempeña un papel importante en la configuración de la identidad de tu marca y es esencial para la experiencia de compra de tus clientes. Más que sólo formas, fuentes y colores, el diseño de tu tienda en línea está relacionado también con el contenido que ofreces y cómo está todo organizado.
Este capítulo contiene las siguientes secciones:
Su título lo dice todo: la página "Tema y Logotipo" te permite administrar de manera eficiente los temas de tu tienda, y a esta página es donde debes dirigirte si deseas actualizar el logotipo de tu tienda para adaptarlo a tu negocio. Desde la versión 1.7.4, dos nuevas pestañas refuerzan esta parte de la oficina administrativa: "Configuración de la página de inicio" y "Personalización avanzada".
La primera sección de la página sirve como recordatorio de cuál es el tema que estás utilizando actualmente, con sus detalles más informativos:
Esta sección también te da acceso a un puñado de herramientas, que te ayudarán a personalizar rápidamente el tema actual: logotipo de la cabecera, logotipo facturas y email, favicon, el icono de la tienda, e incluso el separador para la barra de navegación pueden modificarse fácilmente desde aquí.
Dependiendo de las opciones de tu tema, puedes personalizar el tipo de diseño de página: si debe tener columnas o no, cuántas, con diferentes tamaños, etc.
Al hacer clic en "Elegir diseño", verás una nueva página con todos los tipos de páginas disponibles en tu sitio web (categoría, producto, carrito, ...). Para cada página, puedes cambiar el diseño predeterminado.
Para el tema predeterminado de PrestaShop, "Classic", las opciones disponibles son:
Haz clic en "Guardar" para guardar los cambios realizados.
En caso de que desees revertir las modificaciones y volver a la configuración predeterminada, simplemente haz clic en el botón "Restablecer valores predeterminados" en la página "Tema y Logotipo".
Cambiar el logotipo de tu tienda es a menudo uno de los primeros pasos que hay que realizar a la hora de personalizar una tienda. Desde aquí, puedes cambiar el logotipo principal de tu tienda, pero también puedes personalizarlo desde las tres pestañas diferentes disponibles en esta página:
El tema predeterminado utiliza un logotipo "Classic" y el propio logotipo de PrestaShop como favicon. ¡Recomendamos encarecidamente que cambies todas las instancias del logotipo y utilices el tuyo!
En el modo multitienda, puedes aplicar estos cambios a todas tus tiendas o a un grupo de ellas, utilizando el menú multitienda.
Justo debajo de la sección del logotipo, a la derecha, encontrarás el botón "Visite el catálogo de temas" que abre una nueva página que te dirige a PrestaShop Addons, donde puedes encontrar más temas disponibles para tu tienda.
Esta sección tan sólo se muestra en pantalla si tienes al menos dos temas instalados. Estos se presentan junto con los otros temas disponibles en la instalación de PrestaShop, estando por defecto uno de ellos ya habilitado.
Esta sección simplemente te muestra las miniaturas de los temas disponibles, junto con sus nombres.
Establece el cursor del ratón sobre la miniatura para mostrar un menú con dos opciones:
En el modo multitienda, no se puede aplicar un tema a todas tus tiendas o a un grupo de tiendas; debes seleccionar una única tienda en el menú multitienda, y a continuación, elegir un tema.
Puedes importar un tema e instalarlo (y sus módulos adjuntos) gracias al botón "Añadir nuevo tema". Al hacer clic en éste, se abrirá una nueva pantalla.
Esta pantalla te presenta 3 métodos que puedes utilizar para instalar un nuevo tema: desde tu ordenador, a partir de un sitio web público, o desde tu propio servidor FTP. Un último botón te lleva al formulario de creación de temas, presentado en la siguiente sección.
Sea cual sea el método, el proceso sigue siendo el mismo: indicar la ubicación del archivo Zip del tema, y a continuación, hacer clic en "Guardar". Lo única cosa que cambia es el origen desde el que subimos el archivo Zip:
/themes/ .Haz clic en "Guardar" para validar tu elección: el tema está ahora instalado.
Haz clic en "Guardar" una última vez. Una página de confirmación final te presenta todos los cambios aplicados a tu instalación de PrestaShop. Haz clic en "Finalizar" para terminar el proceso.
Esta sección está disponible tan sólo cuando hay al menos un tema instalado en tu sitio PrestaShop.
Exportar un tema es muy útil y deberías de hacerlo cuando desees crear una copia de seguridad de éste, o cuando quieras crear un archivo del tema para enviárselo a un amigo o subirlo al marketplace PrestaShop Addons (http://addons.prestashop.com/). Esta opción no sólo genera un archivo Zip completo de tu tema, sino que también añade mucha información en un archivo XML, que te será de utilidad tanto al subir el tema a Prestashop Addons, como cuando quieras utilizarlo en otro sitio PrestaShop.
La opción de exportación sólo funciona para el tema actual. Haz clic en "Exportar tema actual" para exportar el tema utilizado por tu tienda.
Tu tema se comprimirá en un archivo .zip y el mensaje de confirmación te indicará dónde encontrarlo en tu carpeta de temas. Para mayor seguridad, guarda el archivo en tu disco duro.
A partir de aquí, puedes compartir fácilmente este tema, y si se trata de una creación tuya propia, puedes comenzar a venderlo utilizando el mercado de PrestaShop Addons: http://addons.prestashop.com/.
Si estás buscando un nuevo tema, ¡PrestaShop Addons es el sitio a donde debes dirigirte!. Gracias a esta sección, puedes navegar a través de los temas más populares para inspirarte. Si deseas ver más temas, haz clic en "Descubre todos los temas" para dirigirte a la selección completa de temas de PrestaShop, disponibles en nuestro mercado oficial, PrestaShop Addons.
Al hacer clic en "Descubrir" para un tema determinado, una nueva página de PrestaShop Addons se abre, con más detalles sobre este tema específico.
También puedes utilizar la barra de búsqueda en la parte inferior de la página para encontrar el tema que mejor se adapte a tu tienda.
Esta es una característica introducida en PrestaShop 1.7, y solamente es útil si deseas modificar ligeramente un tema (por ejemplo, para añadir un bloque), pero quieres asegurarte de que puedes actualizarlo fácilmente. De hecho, si modificas un tema directamente desde su carpeta, corres el riesgo de que cuando se actualice el tema, tus cambios podrían ser incompatibles con la actualización.
Gracias al tema hijo, puedes personalizar el tema principal y, al mismo tiempo, puedes beneficiarte de sus actualizaciones.
El uso de un tema hijo puede ser un poco técnico. Para ver con detalle cómo puedes utilizar un tema hijo, consulta la documentación destinada a desarrolladores: http://developers.prestashop.com/themes/smarty/parent-child-feature.html
En primer lugar, necesitas tener el tema que deseas utilizar como padre en la carpeta /themes de tu tienda.
A continuación, puedes crear una nueva carpeta con un tema minimalista, que contenga sólo los siguientes archivos, que puedes copiar directamente desde el tema padre:
Una vez que tengas esto, especifica en el archivo de tu tema hijo theme.yml qué tema debe ser utilizado como padre (en el siguiente ejemplo, elegimos el tema predeterminado de PrestaShop, Classic). El valor debe ser el nombre técnico del tema (es decir: el nombre de la carpeta del tema).
Añade la siguiente información al archivo theme.yml:
Ahora puedes utilizar este tema en el back office de tu tienda y editarlo como desees.
¿Estás creando temas tan buenos que otros comerciantes podrían pagar dinero por ello?. Puedes venderlos en Addons, el marketplace oficial de temas y módulos de PrestaShop: http://addons.prestashop.com/.
Esta es una de las últimas funcionalidades incorporadas de la que estamos más orgullosos de presentar: ¡la cartografía de la página de inicio! Como cada parte del back-office está controlada por un módulo dedicado, cada pequeña modificación que necesites realizar en la página de inicio te hace recurrir una y otra vez a la página "Módulos" para encontrar el módulo específico y acceder a su página de configuración... no es demasiado intuitivo, ¿verdad? De ahora en adelante, gracias a la doble vista cartográfica disponible de los principales módulos del tema, ¡la personalización del tema es más rápida y los comerciantes son más felices!.
En la parte izquierda, encontrarás una ilustración simplificada de la página de inicio, diseñada para identificar de manera interactiva la parte que quieras modificar de un simple vistazo. En la parte derecha se muestran bajo diferentes pestañas desplegables la selección de módulos disponibles para configurar.
Nuestra página de inicio está dividida en 7 categorías diferentes: menú, control deslizante, productos página de inicio, bloque de texto, banner, redes sociales y boletín y pie de página. Cada categoría se presenta en una pestaña desplegable que muestra las funcionalidades pertenecientes al núcleo y los módulos nativos que contienen el área seleccionada. Las funcionalidades pueden ser instaladas, configuradas o deshabilitadas. Ten en cuenta que al hacer clic en el botón "Configurar", el navegador es redireccionado a la página de configuración de funcionalidades.
Esta sección está destinada a comerciantes y desarrolladores técnicos que desean personalizar su tema utilizando la funcionalidad padre/hijo introducida en PrestaShop 1.7.
Al hacer clic en "Descargar tema", podrás obtener un archivo zip del tema actual. El siguiente paso permite editar el tema con los ajustes deseados, simplemente realiza los ajustes específicos a los archivos deseados para personalizarlo. Finalmente, súbalo. ¡Ya está, el proceso ha sido completado!
Si estás buscando un nuevo tema, ¡PrestaShop Addons es el sitio a donde debes dirigirte!. Gracias a esta sección, puedes navegar a través de los temas más populares para inspirarte. Si deseas ver más temas, haz clic en "Descubre todos los temas" para dirigirte a la selección completa de temas de PrestaShop, disponibles en nuestro marketplace oficial, PrestaShop Addons.
Al hacer clic en "Descubrir" para un tema determinado, una nueva página de PrestaShop Addons se abre, con más detalles sobre este tema específico.
También puedes utilizar la barra de búsqueda situada en la parte inferior de la página para encontrar el tema que mejor se adapte a tu tienda.
PrestaShop te permite crear páginas con contenido estático tan fácilmente como creas las páginas de productos. Puedes añadir páginas estáticas en el menú superior de tu tienda, utilizando el módulo "Menú principal" (que puedes configurar desde la página "Módulos y Servicios"), o en cualquier lugar con el módulo "Link Widget" (Widget de enlaces).
Si has estado utilizando versiones anteriores de PrestaShop, las páginas y el contenido estático son las páginas a las que nosotros solíamos denominar como CMS (Content Management System).
Esta página te presenta todas las páginas de contenido que fueron creadas previamente en tu tienda, para la categoría de página seleccionada actualmente (de manera predeterminada, la página principal es la única categoría).
¡No olvides traducir cada página creada para cada uno de los idiomas soportados por tu tienda!. Como siempre, haz clic en el selector de idioma correspondiente a cada campo para cambiar el idioma.
Haz clic en el botón "Añadir una nueva categoría de página" para crear una categoría de página – ésta será, una subcategoría de la categoría padre, "Inicio". Puedes crear tantas categorías como necesites.
El formulario de creación es bastante sencillo de completar:
Al guardar la categoría, PrestaShop te lleva de regreso a la página de las tablas, pero esta vez utilizando la nueva categoría que has creado como base. Por lo tanto, no verás ninguna subcategoría o subpágina creada en este momento.
Para regresar a la categoría raíz, haz clic en "Inicio" en la parte superior izquierda. A continuación, puedes editar cada página de la categoría raíz y moverla a la categoría recién creada si lo deseas, o crear una nueva página perteneciente a tu nueva categoría.
Para crear subcategorías, simplemente cambia la opción "Categoría padre" de "Inicio" a la categoría padre para la que estás creando esta subcategoría.
Haz clic en el botón "Añadir una nueva página" para acceder al formulario de creación:
Una vez completados todos los campos, haz clic en "Guardar". Si la página la creaste visible, puedes ver el resultado directamente en tu tienda en línea.
Un módulo puede tener dos aspectos: uno en el back-office (sus opciones, o incluso su pantalla de configuración), y el otro en el front-office. La parte front-office corresponde a cómo y dónde se mostrará el módulo en tu tema.
La posición de un módulo en tu tema puede ser cambiada, porque es posible que desees que el bloque de un módulo esté posicionado más arriba (o más abajo) en la página que otros. En la jerga a esta acción se la denomina "trasplante", y se realiza mediante la herramienta disponible en la página "Posiciones de los módulos", bajo el menú "Diseño". En realidad, ésta te permite conectar un módulo a uno de los muchos hooks disponibles en el tema actual, sin necesidad de escribir ningún código.
La página "Posiciones de los módulos" te muestra todos los hooks (ganchos) disponibles, así como los módulos correspondientes que están enganchados a ellos. Muchos están vacíos por defecto, pero la mayoría utilizan fácilmente una docena de módulos.
En la parte superior de la página, un menú desplegable te permite mostrar sólo el hook en el que estás interesado.
De forma predeterminada, la lista sólo muestra los hooks en los cuales puedes posicionar módulos. Al marcar la casilla "Mostrar hooks no posicionables" se mostrarán todos los hooks, incluso aquellos en donde no puedes colocar nada.
La cabecera de la tabla para cada hook muestra el nombre del hook, su nombre técnico (para algunos de ellos, una rápida descripción), y su número de módulos conectados. La tabla muestra los módulos que están conectados a ese hook.
Los módulos son mostrados en el orden en el que aparecen en el hook.
Tienes dos maneras de cambiar la posición de un módulo dentro de un hook:
Para la mayoría de los módulos, el trasplante se puede hacer fácilmente a través del back-office. Algunos módulos requieren una modificación en su código para poder trasplantarlos.
En DigitMerca, "trasplantar" es la acción de insertar un módulo en un hook. Puedes añadir un módulo a más de un hook.
Hay dos cosas que debes conocer antes de trasplantar un módulo:
Por lo tanto, debes ser consciente de que no siempre puedes trasplantar un módulo a cualquier hook.
Asegúrate de desactivar la caché al probar el efecto de un nuevo módulo en el front-end. Puedes hacer esto en la página "Rendimiento", bajo el menú "Parámetros avanzados".
El proceso de trasplante tiene su propia interfaz:
El menú desplegable "Insertar hook en" te ofrece información sobre dónde puedes colocar el módulo.
A pesar de que en la lista desplegable "Insertar hook en" ofrece una vista global de los hooks disponibles, no siempre puede ser del todo esclarecedora, sobre todo cuando se trata de encontrar un punto en particular donde insertar tu módulo. No dudes en probar con otro hook, si el resultado de tu elección no es el que esperabas.
La lista te ofrece algunos detalles más: algunos hooks tienen tras su nombre una breve descripción de lo que hacen, por ejemplo, "Añadir campos al formulario 'atributo valor'" para displayAttributeForm. Examínalos a todos con detenimiento con el fin de elegir el hook correcto.
Cada módulo tiene dos iconos en el lado derecho de su fila: uno para editar su configuración, el otro para eliminar el módulo.
Para editar la configuración de un módulo se utiliza la misma interfaz que para el trasplante de módulos. La única diferencia es que no puedes cambiar la configuración de "Módulo" e "Insertar hook en", ya que están deshabilitados, y por tanto aparecerán en color gris. Tan solamente puedes cambiar la configuración de las excepciones, que funciona como se ha descrito en la sección anterior "Insertar un módulo a un hook: Trasplantar".
Siempre debes comprobar el front-office de tu tienda, para asegurarte de que el módulo aparece en donde deseas.
Hay dos maneras de eliminar un módulo(s) de un hook:
Esta opción es indicada tan sólo para usuarios expertos: debes tener un amplio conocimiento de PHP y HTML antes de realizar cualquier modificación a un módulo.
Algunos módulos no pueden ser trasplantados en otras secciones del front-office, porque carecen del código necesario.
Por ejemplo, algunos módulos contienen plantillas para la visualización de la columna y de la cabecera, mientras que otros sólo tienen un archivo de plantilla para hacerlo funcionar en la sección cabecera de la página.
Si deseas mostrar módulos en una posición para la cual no fue programado, debes editar los archivos de su plantilla.
Los módulos más complejos, también pueden ser modificados para que aparezcan en otras secciones de la página, pero puede ser que tengan que ser reprogramados parcialmente para que su diseño sea funcional en la nueva ubicación.
Para personalizar la posibilidad de trasplantar un módulo, debes dar a este la función PHP exacta para el hook de destino. Por ejemplo, para un módulo que tiene esta función:
function hookTop($params) { ... } |
Por ejemplo, para trasplantar este bloque a la columna derecha, necesitas añadir la función hookRightColumn():
function hookRightColumn($params) { ... } |
Una vez hecho esto, debes escribir el código que mostrará el contenido de la página principal. En el mejor de los casos, esto significa copiar/pegar el contenido de la función hookTop(); en el peor de los casos, necesitas reescribir el contenido de la función hookTop() para que funcione en la nueva ubicación.
DigitMerca ha introducido un nuevo sistema para trasplantar módulos: widgets. Gracias a los widgets, un módulo puede ser utilizado y trasplantado a cualquier hook visible.
Los widgets funcionan solamente con módulos desarrollados para la versión 1.7 (en módulos, los nombres técnicos de estos módulos comienzan con "ps_"), y no pueden ser utilizados por todos los módulos.
La página "Ajustes de imágenes" te permite configurar los diversos tamaños de imagen que tus clientes verán en tu tienda.
Cuando subes una imagen, se genera automáticamente varios tamaños de esta imagen, incluyendo miniaturas y una versión móvil (dependiendo de para que se aplicará esta imagen). Por lo tanto, es suficiente con subir una versión "master" de tu imagen, que sea lo suficientemente grande para que pueda ser redimensionada a todos los tamaños de imagen utilizados por DigitMerca.
Si quieres asegurarte de que tu imagen se ajusta correctamente a estos tamaños, debes cargar una imagen que se ajuste proporcionalmente a los diversos tamaños. Si la imagen subida no tiene la misma proporción de anchura y altura que la configuración preestablecida, estarás tomando el riesgo de ver un espacio en blanco en la imagen redimensionada.
Puedes habilitar distintos tamaños de imagen para tipos específicos de contenido, a través del listado de tamaños.
Cuando añades un nuevo tema a tu tienda, el tema añadirá los tamaños de imagen que necesitas. Por defecto, la página muestra los tamaños de imagen del tema predeterminado.
Puedes añadir fácilmente un nuevo tamaño de imagen, e incluso establecer a qué tipo de contenido se debe aplicar.
Haz clic en el botón "Añadir nuevo tipo de imagen", a continuación:
Formato de imagen. Tienes la posibilidad de elegir entre dos de los principales formatos de archivos: JPEG y PNG. Ambos formatos son soportados por los navegadores modernos. El formato JPEG tiene un buen ratio de compresión, pero puede presentar artefactos visibles. El algoritmo de compresión del formato PNG no es tan bueno como el del formato JPEG's, pero tiene la ventaja de presentar pocos artefactos visibles, sin embargo, los navegadores más antiguos no pueden reconocer este formato.
La elección entre uno y otro se reduce a una cuestión de gusto. Dicho esto, JPEG sigue siendo la opción recomendada. Si prefieres evitar la pérdida de información debida al cambio de formato, elige la segunda opción, "Usar PNG sólo si la imagen original está en este formato".
Puede ser que no estés satisfecho con el tamaño de las imágenes en miniatura de tu tienda. Esta sección hace posible regenerar todas ellas – o solamente las de un tipo específico de contenido:
Las miniaturas subidas manualmente serán eliminadas y reemplazadas por las miniaturas generadas automáticamente.
Esta página está ligada al módulo "Listado de enlaces", que te permite gestionar los diversos enlaces y bloques de enlaces disponibles en su tienda. Ésta trabaja con bloques que están conectados a hooks (ganchos), y proporciona enlaces a tus páginas estáticas (desde la sección "Páginas").
Esta página está estrechamente relacionada con los hooks (ganchos), por lo que se recomienda manejar con soltura los hooks (ganchos) antes de intentar realizar cualquier modificación 
De manera predeterminada, y si estás utilizando el tema predeterminado Classic, tienes un bloque disponible para el pie de página:
Hay dos bloques hijo en el bloque de pie de página, "Productos" y "Nuestra empresa", que representan a las primeras dos columnas de enlaces mostrados en el pie de tu tienda. Los nombres de los bloques de enlaces son los títulos de estas dos columnas.
Dentro de un bloque padre, varias acciones son posibles
Si necesitas un nuevo conjunto de enlaces dentro de tu tienda, haz clic en "Nuevo bloque" para crear un bloque. Se abrirá un formulario de creación que debes rellenar.
Cuando hayas terminado con la gestión de tu página, haz clic en "Guardar".
Un nuevo bloque aparecerá en tu tienda.
Digitmerca te permite crear páginas con contenido estático tan fácilmente como creas las páginas de productos. Puedes añadir páginas estáticas en el menú superior de tu tienda, utilizando el módulo "Menú principal" (que puedes configurar desde la página "Módulos y Servicios"), o en cualquier lugar con el módulo "Link Widget" (Widget de enlaces).
Si has estado utilizando versiones anteriores de Digitmerca, las páginas y el contenido estático son las páginas a las que nosotros solíamos denominar como CMS (Content Management System).
Esta página te presenta todas las páginas de contenido que fueron creadas previamente en tu tienda, para la categoría de página seleccionada actualmente (de manera predeterminada, la página principal es la única categoría).
¡No olvides traducir cada página creada para cada uno de los idiomas soportados por tu tienda!. Como siempre, haz clic en el selector de idioma correspondiente a cada campo para cambiar el idioma.
Haz clic en el botón "Añadir una nueva categoría de página" para crear una categoría de página – ésta será, una subcategoría de la categoría padre, "Inicio". Puedes crear tantas categorías como necesites.
El formulario de creación es bastante sencillo de completar:
Al guardar la categoría, Digitmerca te lleva de regreso a la página de las tablas, pero esta vez utilizando la nueva categoría que has creado como base. Por lo tanto, no verás ninguna subcategoría o subpágina creada en este momento.
Para regresar a la categoría raíz, haz clic en "Inicio" en la parte superior izquierda. A continuación, puedes editar cada página de la categoría raíz y moverla a la categoría recién creada si lo deseas, o crear una nueva página perteneciente a tu nueva categoría.
Para crear subcategorías, simplemente cambia la opción "Categoría padre" de "Inicio" a la categoría padre para la que estás creando esta subcategoría.
Haz clic en el botón "Añadir una nueva página" para acceder al formulario de creación:
Una vez completados todos los campos, haz clic en "Guardar". Si la página la creaste visible, puedes ver el resultado directamente en tu tienda en línea.