Emprendedor Innovador

Cómo iniciar un negocio en línea

  • Principal
  • Crear un sitio con WordPress
  • Hospedar un sitio web
    • Web Hosting España
    • Análisis de SiteGround.es
    • Guía de web hosting completa para sus sitios
  • Códigos de cupones
  • Recursos
Usted está aquí:: Principal / Guía / Shopify / Los fundamentos de Liquid y Shopify

28 enero, 2016

Los fundamentos de Liquid y Shopify

Liquid es esencial para hacer el mejor uso de Shopify. Es el lenguaje de plantillas principal con el que te las tendrás que ver. Los diseñadores web, e incluso los humildes propietarios de tiendas, deberían aprender este lenguaje y cómo usarlo. Puede aportar muchos beneficios importantes en términos de flexibilidad y fluidez.

En este tutorial, vamos a mostrarte cómo empezar a entender el lenguaje Liquid en Shopify.

Paso 1 – Entiende la construcción básica

La manera más fácil de empezar con este lenguaje de programación es entender que es un lenguaje de plantillas. Se trata básicamente de un puente entre los datos que se encuentran en el panel de control de Shopify y las plantillas HTML que van al navegador.

Puedes ignorar la mayoría del lenguaje. Lo que necesitas conocer son las variables a las que tienes acceso en la plantilla.

Estos marcadores son cambiados por Liquid cuando la plantilla es enviada al navegador. Los dos marcadores que necesitas conocer son:

  1. Dobles paréntesis, que denotan la salida.
  2. El signo de porcentaje, que denota la lógica.

Los marcadores, incluyendo los que no se mencionan aquí, son las únicas partes del lenguaje que deben importarte. Esa es la base de la construcción de Liquid.

Paso 2 – Manipula lo básico en Liquid

Salida – La salida puede tener algo simple como {{ shop.name }}. Para cambiar la salida, sólo tienes que modificar eso con el nombre de tu tienda. Este marcador sería sustituido con el nombre de tu tienda.

Lógica – Definida por el signo ‘%’, que controla lo que se muestra. Por ejemplo, puedes tener un flujo lógico que diga que si se vende una cantidad X del producto A, aparezca ‘A está agotado’. Esto es lo que hace que tu sitio web sea interactivo.

Bucles – Un bucle básicamente te permite mostrar el mismo código varias veces en una plantilla. Puede usarse, por ejemplo, para mostrar todas las imágenes asociadas con un único producto.

Esto puede parecer difícil al principio, pero son fáciles de comprender cuando empiezas a trabajar con ellos.

Paso 3 – Usar Liquid

La razón por la cual es tan importante aprender Liquid es que te ofrece el máximo control sobre tu tema. Creemos que esto te permitirá crear la tienda que quieres de una manera mejor. Para empezar a poner estas lecciones en práctica, usa Liquid para diseccionar un tema de plantilla.

Coge un tema aleatorio de Shopify y empieza a diseccionar las distintas partes del mismo. Puedes usar el previsualizador de Shopify para ver lo que estás haciendo sin perjudicar a tu tienda en vivo.

¿Es práctico usar Liquid para Shopify?

No se puede negar que crear un tema de Shopify desde cero puede llevar algún tiempo. Aunque no tienes que hacer esto. Para el propietario corriente de una tienda online, aprender lo básico de Liquid puede permitirle efectuar cambios menores en un tema estándar.

Incluso un pequeño cambio puede hacer mucho por crear una tienda online única. Y los estudios demuestran que esto puede suponer toda una diferencia cuando se trata de las ventas.

CompartirloShare on facebook
Facebook

Artículo de carlito / Shopify

Plugins y herramientas de WordPress imprescindibles

DinaHosting - Instalar y ejecutar un sitio WordPress es fácil con DinaHosting. Y también recibirás un precio más bajo
Genesis Framework y Themes - Usamos un tema de WordPress de Genesis por StudioPress en todos nuestros sitios web
Gravity Forms - Si necesita crear formas simples o complejas hermosas, recomendamos Gravity Forms - lo usamos
OptinMonster - La mejor manera de aumentar su lista de correo electrónico gracias a OptinMonster innovadora forma de captura de correo electrónico
MailChimp - El software de email marketing más sencillo disponible - y puede configurar sus campañas de correo electrónico en español con MailChimp

¿Quieres crear un sitio de WordPress? Recomendamos el uso de dinahosting

wordpress

DinaHosting -- Usted recibirá un un precio más bajo a través de este enlace. Es un alojamiento barato, pero confiable para tu blog.

dinahosting

Ofrece una instalación de WordPress en un solo clic y sus precios de alojamiento web son los más bajos de la industria. Nuestra recomendación para alojar un blog de WordPress.

ENTRADAS RECIENTES

  • 7 razones para elegir WooCommerce en lugar de Shopify
  • Los 5 mejores sitios para vender tus fotos online
  • Cómo funciona la herramienta de análisis de riesgos de Shopify
  • Cómo comprar online de forma segura: 5 estrategias clave
  • ¿Qué son los asides en WordPress y cómo se usan?

PÁGINAS POPULARES

  • Análisis de SiteGround.es
  • Códigos de cupones de web hosting
  • Cómo crear un blog con WordPress
  • Cómo hospedar un sitio web
  • Contacto
  • Emprendedor Innovador – Iniciar un negocio en línea
  • Guía de web hosting completa para sus sitios
  • Hospedaje Web México
  • Recursos para iniciar un negocio en línea
  • Web Hosting España
60% de descuento
Cupón SiteGround

Cupón SiteGround

Utilice este cupón especial de SiteGround para recibir un descuento del 60% en el plan de alojamiento de StartUp WordPress ofrecido por SiteGround.es!
Reclama esta oferta

© Derechos de autor 2017 Emprendedor Innovador · Reservados todos los derechos

  • ¿Está haciendo una de estas 8 errores con su sitio de WordPress?
    Descarga nuestra guía educativa sobre los 8 errores comunes que cometen los nuevos bloggers con WordPress y cómo solucionarlos. ¡Es gratis!