@
joseacat.io  »  BlogDesarrollo Shopify   »   Crear tu propio tema de Shopify

Crear tu propio tema de Shopify

25 mayo, 2020 __ Etiquetas: , , ,

No es mucha la información que veo en español para desarrolladores con Shopify y quería aportar mi granito de arena.

En este post me gustaría explicar cómo puedes crear tu propio tema de Shopify desde cero porque creo que es realmente sencillo.


¿Qué te hace falta?

Para poder crear y editar tu plantilla necesitas tener instalado ThemeKit. Si todavía no lo tienes instalado puedes hacerlo con:

Brew en MacOS

brew tap shopify/shopify
brew install themekit

Chocolatey en Windows

choco install themekit

Curl en Linux

curl -s https://shopify.github.io/themekit/scripts/install.py | sudo python

¿Cómo se hace?

Lo primero de todo es crear una aplicación privada en el propio panel de Shopify: Aplicaciones > Gestionar aplicaciones privadas > Crear una nueva aplicación privada

Primero pondremos el nombre de la aplicación y el correo asociado.

Configurar aplicación privada Shopify

Y daremos los permisos necesarios

Permisos de aplicación privada en Shopify

Con los nombres y permisos guardaremos y crearemos la nueva aplicación privada.

Ahora, otra vez en la terminal de tu equipo, sólo tienes que ir al directorio donde quieres crear la plantilla y ejecutar el comando:

theme new --password=[CONTRASEÑA_API] --store=[URL_TIENDA] --name=[NOMBRE_PLANTILLA]

CONTRASEÑA_API la puedes sacar del admin de tu Shopify en «Aplicaciones > Gestionar aplicaciones privadas» y en la aplicación que has creado copiar la contraseña.

Obtener contraseña API Shopify

URL_TIENDA es la url de tu tienda del tipo XYZ.myshopify.com

NOMBRE_PLANTILLA es el nombre que quieres ponerle a la nueva plantilla. Por ejemplo, prueba.

Todo esto debería crearte una plantilla básica de Shopify con esta estructura:

  • /assets
  • /config
  • /layout
  • /locales
  • /templates
  • config.yml

Y ya está, así de fácil puedes empezar a hacer tus pinitos creando plantillas para Shopify. En próximas entradas pondré cómo funciona la estructura de estas plantillas.

Espero que sea de ayuda.