Haz clic en "Instalar" en la Shopify App Store. La app no cambia el código de tu tema: solo aparece en tu tienda cuando añades su bloque en el editor de temas. Si quieres probarla antes, añade el bloque en una copia de tu tema y míralo en la vista previa.
En el siguiente paso verás qué permisos necesita la app. Acepta los permisos solicitados y haz clic en "Instalar" para continuar con la instalación.
Al terminar la instalación se abre la página de inicio de la app, que también aparece en el menú lateral izquierdo. Haz clic en el icono de chincheta a la derecha del título para fijar la app en la navegación.
A continuación te explicamos cómo configurar la app después de instalarla.
En la barra lateral izquierda del panel de tu tienda, haz clic en "Plans" debajo de "Numbers and icons". En nuestra vista de planes ves el plan que tienes ahora y puedes cambiar de plan. Elige entre el plan Free, gratuito, con las funciones básicas e ideal para conocer la app, y el plan de pago Pro. El plan Pro ofrece funciones ampliadas como CSS propio, más plantillas (p. ej. páginas de producto), colores personalizados, ajustes de velocidad y mucho más. Para cambiar al plan Pro, haz clic en "Upgrade to Pro" y confirma el plan en la página de Shopify que se abre.
En la barra lateral izquierda del panel de tu tienda, haz clic en "Tienda online". Elige tu tema y haz clic en "Personalizar" para abrir el editor de temas. En el menú desplegable de la barra superior, elige la plantilla en la que quieres añadir los números e iconos animados. Después, en la sección en la que quieres colocar el bloque, haz clic en "Agregar bloque".
En el apartado "Apps" encontrarás los bloques de la app. Haz clic en el bloque que quieres añadir a tu plantilla.
Cuando hayas añadido el bloque a la sección que quieras, aparecerá en la barra lateral izquierda del editor de temas, debajo de esa sección. Haz clic en el bloque para definir su contenido y sus ajustes. Ahí adaptas el contenido, el aspecto y otras opciones del bloque.
Con el plan Pro puedes hacer más ajustes en el bloque, p. ej. elegir la velocidad de la animación.
Guarda los ajustes con el botón "Guardar" arriba a la derecha del editor de temas.
Como ciertas configuraciones de tema, apps y tienda pueden afectar al funcionamiento, te recomendamos comprobar que el bloque se muestra y funciona en tu tienda como quieres.
Define el contenido del bloque, p. ej. los números y los textos de los contadores.
Elige un estilo predefinido para el bloque o define tus propios colores. También puedes usar distintas combinaciones de colores para el bloque.
En este campo puedes añadir CSS propio para el bloque.
En "Animation speed" eliges si los contadores suben muy despacio, despacio, a velocidad normal, rápido o muy rápido.