Name: Citify Dev Kit
Brand: Citify
SKU: citify-devkit
Price: 19.00 USD
Availability: InStock

<section class="hero">
  <h1>{{ heading }}</h1>
</section>

{% for product in collection.products %}
  {{ product.title }}
{% endfor %}

const cart = await fetch(
  "/cart.js"
).then(r => r.json())

{% render "card-product",
  product: card_product,
  show_vendor: true %}

.product-card {
  display: grid;
  gap: 1rem;
}

export default function Cart() {
  return <CartItems />
}

{% if cart.item_count > 0 %}
  <span>{{ cart.item_count }}</span>
{% endif %}

@media (min-width: 768px) {
  .grid { gap: 2rem; }
}

{% assign price = product.price %}
{{ price | money_with_currency }}

{% schema %}
  "name": "Hero",
  "tag": "section"
{% endschema %}

fetch("/cart/add.js", {
  method: "POST",
  body: JSON.stringify(item)
})

Antes de comenzar

¿Cuál describe mejor tu situación?

elige una opción para continuar

Citify Dev Kit — Crea temas Shopify con Claude Code