- Mensajes
- 767
- Puntuación de reacción
- 0
Hace poco me dio por aprender a hacer una tienda simple en blogger, y hoy os vengo a compartir el conocimiento. Tengo una entrada en mi blog con un tutorial bastante completo, aquí lo voy a resumir un poco ya que tampoco me gustaría alargarme mucho.
Bueno, en este tutorial no voy a añadir imagenes, ya que me da muchísimo coraje que me las redimensione el foro y me las haga enanas, pero os lo voy a intentar explicar lo mejor que pueda.
Para empezar vamos a descargar un template, que tiene todo programado para la tienda: Blogger Store Blogger template - BTemplates
Lo siguiente sería meter el template en nuestro blog, bien copiando y pegándo el archivo entero o en el escritorio de nuestro blog:
Después de seleccionar el archivo .xml le damos a subir y nos vamos a la edición HTML que tiene blogger en Plantilla. Y vamos a modificar la parte del tipo de pago, la divisia de pago y el email de pago. Blogger Store, la plantilla que estamos utilizando, te permite que te paguen de dos maneras, por Paypal y por Google Checkout. Así que para cambiar todo esto que mencioné, nos tendríamos que ir a la parte de la plantilla HTML que dice esto:
DIVISA*: Las divisas se expresan mediante una abreviación. Todas las abreviaciones de todas las divisas están en un documento dentro del archivo de Blogger Store. Solo tendréis que escoger la que queréis y mirar la abreviación, se me claramente, pero si igual tenéis alguna duda preguntad.
Lo siguiente y casi terminando sería editar la plantilla de creación de entradas, que se modifica en:
Y añadimos el siguiente código:
Ahora si creamos una entrada veremos que ya nos la empieza con lo siguiente:
Si modificamos esos valores podríamos crear una entrada, pero en mi caso no sé porque se bugea en el blog, así que lo que hice fue editar esos valores pero dentro del HTML:
En item_thumb, justo en src="....." ponemos la dirección de la imagen del producto
En item_price ponemos el precio, y para poner por ejemplo € en vez de $ ponemos 00.00€ (al final)
En Description la descripción
Hasta que no tengas el mínimo de entradas no te funcionará bien el slideshow, ya que se bugea un poco. Dudas comentadlas por favor
Hice un blog de prueba mientras hacía el tutorial. El resultado final fue este: Ejemplo de tienda en blogger
Bueno, en este tutorial no voy a añadir imagenes, ya que me da muchísimo coraje que me las redimensione el foro y me las haga enanas, pero os lo voy a intentar explicar lo mejor que pueda.
Para empezar vamos a descargar un template, que tiene todo programado para la tienda: Blogger Store Blogger template - BTemplates
Lo siguiente sería meter el template en nuestro blog, bien copiando y pegándo el archivo entero o en el escritorio de nuestro blog:
Plantilla >> Crear copia de seguridad/Restablecer >> Seleccionar archivo
Después de seleccionar el archivo .xml le damos a subir y nos vamos a la edición HTML que tiene blogger en Plantilla. Y vamos a modificar la parte del tipo de pago, la divisia de pago y el email de pago. Blogger Store, la plantilla que estamos utilizando, te permite que te paguen de dos maneras, por Paypal y por Google Checkout. Así que para cambiar todo esto que mencioné, nos tendríamos que ir a la parte de la plantilla HTML que dice esto:
HTML:
//<![CDATA[
/* SIMPLE CART SETTING
>>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email = 'EMAIL DE NUESTRA CUENTA';
simpleCart.checkoutTo = PayPal o Google Checkout;
simpleCart.currency = DIVISA*;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
//]]>
</script>DIVISA*: Las divisas se expresan mediante una abreviación. Todas las abreviaciones de todas las divisas están en un documento dentro del archivo de Blogger Store. Solo tendréis que escoger la que queréis y mirar la abreviación, se me claramente, pero si igual tenéis alguna duda preguntad.
Lo siguiente y casi terminando sería editar la plantilla de creación de entradas, que se modifica en:
Configuración >> Entradas y comentarios >> Plantilla de entrada >> Añadir
Y añadimos el siguiente código:
Código:
<div class="item_image">
<img border="0" class="item_thumb" src="product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions...
</div>Ahora si creamos una entrada veremos que ya nos la empieza con lo siguiente:
Código:
$00.00
Descriptions...Si modificamos esos valores podríamos crear una entrada, pero en mi caso no sé porque se bugea en el blog, así que lo que hice fue editar esos valores pero dentro del HTML:
HTML:
<div class="item_image">
<img border="0" class="item_thumb" src="product_image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions...
</div>En item_thumb, justo en src="....." ponemos la dirección de la imagen del producto
En item_price ponemos el precio, y para poner por ejemplo € en vez de $ ponemos 00.00€ (al final)
En Description la descripción
Hasta que no tengas el mínimo de entradas no te funcionará bien el slideshow, ya que se bugea un poco. Dudas comentadlas por favor
Hice un blog de prueba mientras hacía el tutorial. El resultado final fue este: Ejemplo de tienda en blogger
