TAREA 5 . SHOPIFY . EN ESPAÑOL

Shopify: hacé editable esta sección

En tu tienda de Shopify hay una sección con el contenido hardcodeado: la ves en la home, debajo del banner. Hacela editable desde el personalizador y contá en voz alta qué hacés y por qué.

  • Dónde: en tu tienda de desarrollo de Shopify (el acceso te llega por mail), archivo sections/promo.liquid del tema Dawn.
  • Completá el bloque {% schema %} con los settings necesarios: título, texto, imagen y link del botón.
  • Reemplazá los valores fijos por section.settings.
  • Sumá un preset para poder agregar la sección desde el editor.
  • Contá qué elegiste como setting y por qué.

Así está hoy sections/promo.liquid en tu tienda (resumido):

<div class="fd-promo page-width">
  <div class="fd-promo__inner">
    <div class="fd-promo__media">
      {{ 'lifestyle-1' | placeholder_svg_tag: 'fd-promo__img' }}
    </div>
    <div class="fd-promo__content">
      <p class="fd-promo__eyebrow">Solo por esta semana</p>
      <h2 class="fd-promo__title">Envío gratis en compras de más de $50</h2>
      <p class="fd-promo__text">Renová tu guardarropa con la nueva colección de temporada. Aprovechá el envío sin cargo a todo el país hasta el domingo.</p>
      <a class="fd-promo__btn" href="/collections/all">Ver la colección</a>
    </div>
  </div>
</div>

<style>
  /* estilos de la sección (no hace falta tocarlos) */
  ...
</style>

{% schema %}
{
  "name": "Promo"
}
{% endschema %}
Scroll al inicio