Inicia sesión en Blogger.com > Temas > Editar HTML.



Una vez que hayas hecho esto, sigue los pasos en el video a continuación.



Por último, configura tu blog como se muestra en la captura de pantalla a continuación.

Primero, por favor copia la plantilla de producto que aparece a continuación:

<div class='productPhoto'><br /><!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 📷 Photo --><br /><!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ / 📷 Photo --><br /></div><br /><br /><div class='productDetail' data-stock='on'><br /><br /><!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 🔖 Precio --><br /><span itemprop='price' class='productPrice' data-discount-percent='0'>140000</span><br /><br /><br /><!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 💡 Opción --><br /><ul id='Ukuran' class='productOption'><li>S</li><li>M</li><li>L</li><li>XL</li></ul><br /><br /><!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 💬 Detalle de la descripción--><br /><div class='detailDescription'><br /><b>Detalle del producto</b><br /><br /><ul><li>Detalle 1</li><li>Detalle 2</li><li>Detalle 3</li><li>Detalles adicionales...</li></ul><br /><br /><small><b>Aviso:</b> La coincidencia de color entre la foto del catálogo y el producto original alcanza el 98%. Efectos de luz, brillo, densidad y resolución de pantalla pueden provocar distorsión de color.</small><br /></div><br /><!-- ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ / 💬 Detalle de la descripción--><br /><br /><br /></div>

A continuación, haz clic en el menú Entradas de Blogger y luego en el botón Entrada nueva.


Una vez que hayas terminado, por favor mira el video sobre cómo actualizar productos a continuación para aprender a agregar fotos del producto, precio, descuentos, variantes del producto, descripción, detalles del producto y estado del producto (agotado).

Por favor revisa el siguiente video para agregar "Sizechart" o "Detalles" en Opción.