Plantilla para tienda online: Blogger Store | Oloblogger Esta plantilla está indicada para usuarios de Blogger que deseen convertir su blog en una tienda onl...

6 de diciembre de 2011


44☆
Plantilla para tienda online: Blogger Store

Esta plantilla está indicada para usuarios de Blogger que deseen convertir su blog en una tienda online. El desarrollo se lo debemos a JavaTemplates y el resultado es muy bueno.

La plantilla incorpora un JavaScript llamado SimpleCart que gestiona el carro de compra y el pago mediante PayPal o Google Checkout y que ya hemos visto aquí anteriormente en su versión original y con algunas propuestas de modificación para incorporar el pago por e-mail (1) (2).

En esas entradas podéis ver qué etiquetas llevan los nombres de los productos, las miniaturas, los precios y las descripciones para que el sistema funcione correctamente.



Pinchando en la imagen de arriba podéis acceder a la página de descarga, demo y características y en este otro enlace tenéis las instrucciones para configurar las variables de SimpleCart, crear productos, ajustar los menús, etc.

Todo está en inglés, pero eso no es nada que el traductor de Google no pueda solucionar.

¿Vemos otro post al azar por si le encuentras utilidad?

Otras entradas que te podrían interesar:


44 comentarios:

  1. Muy bueno a más de uno le va hacer de mucha ayuda la plantilla
    Saludos Oloman

    ResponderSuprimir
  2. Esta es una de las plantillas más sombrosas que he visto en Blogger! En serio, me parece una forma simplísima de montar una tiendecilla online.

    ResponderSuprimir
  3. Me sale todo desfigurado el blog. Que sucede oloman?

    ResponderSuprimir
  4. Jhonnysan, pensé que le vendría bien a más de uno.

    Felipe OI, simple, simple no es, porque hay que hacer varios ajustes tras descargarla, pero es una buena opción para no tener que comenzar desde cero.

    Oscar, como comenté arriba, la plantilla necesita varios ajustes, como sustitución de imágenes, archivo de scripts, etc.

    ResponderSuprimir
  5. Buenas Oloblogger necesito mucha ayudita, jaja bueno al tema estoy intentado crear una tienda virtual desde la plantilla blogger-store-v2 pero no logro implementar lo de enviar por correo en la plantilla http://www.downdemo.cahayabiru.com/2011/10/dm-blogger-store-v2.html si me pudieras ayudar te estaría muy agradecido un saludo

    ResponderSuprimir
  6. Oscar lo de que te sale todo desconfigurado seguramente sea por las imágenes, las imágenes de presentación tienes que ser de 128x128 que no tienen nada que ver con el tamaño que puede tener para verlas con detalle.

    Un saludo

    ResponderSuprimir
  7. Gracias por la aportación Josiño. Estoy viendo lo tuyo. Te contesto en la entra que explica cómo simultanear los dos sistemas.

    ResponderSuprimir
  8. buenos dias, tengo una duda, no puedo cambiar el simbolo de euro en esta plantilla y ya le batalle y no encuentro como hacerlo, tu ayuda sera muy valiosa para mi.

    Gracias y sigue cosechando exitos con tu blog.

    ResponderSuprimir
  9. El Vacacionista, si no recuerdo mal, eso lo tienes que hacer en cada artículo. Es decir, al poner el nombre, la miniatura, la descripción y el precio, este último debe incluir el símbolo. El script no lo incorpora para que se vea, sólo hace la conversión a la divisa que se indique pero no la muestra.

    ResponderSuprimir
  10. Hola, disculpa, tengo un problema con esta plantilla. No logro que funcione el slider, no me muestra imagenes ni nada. ¿Que debo hacer?. Muchas gracias. Saludos

    ResponderSuprimir
    Respuestas
    1. Estoy redactando un tutorial -desde hace siglos- pero como esa parte ya la he visto y la tengo fresca, creo que el problema está en que no tienes al menos 8 productos grabados. Prueba. Si no funciona, pásame la dirección.

      Suprimir
  11. oloman tengo el template de simplecart y quiero que en ves de que sea precio por shiping quiero despues del pago se redireccione a una direccion de descargar osea es para una tienda de libros en linea y quiero que el cliente despues del pago se redirija a la direccion de descargar ese producto

    ResponderSuprimir
    Respuestas
    1. Eso no sé controlarlo, porque el pago se hace desde Google Checkout o PayPal y no sabría cómo distinguir con código, cuando esas pasarelas aceptaron el pago.

      Por otra parte, si el cliente conoce la dirección de descarga porque accede a ella ¿cómo sabes que no se la pasará a otra persona?

      Se me ocurre que quizás una solución sería enviarle tú una dirección que permita una sola descarga o que esté activa sólo durante un tiempo. La verdad es que no sabría bien cómo hacerlo.

      Suprimir
  12. Hola a todos, no se si es correcto plantear aquí este tema o debería dirigirme al administrador (Oloman).
    He encontrado una plantilla para crear una tienda en Blogger, es muy sencilla de usar y se ve perfectamente en los 4 navegadores principales, además viene con detalladas instrucciones en inglés.
    Creo que sería muy interesante que se comente en este Blog.
    La plantilla está en: http://www.bloggermint.com/2011/05/shopping-cart-blogger-template

    ResponderSuprimir
    Respuestas
    1. Los comentarios están para eso, para que comentéis lo que queráis, así que es correcto ;)

      He visto muy por encima esa plantilla y tiene buena pinta, pero todavía estoy revisando (a fondo) la que se publica aquí. En cuanto termine con ella reviso bien la que nos pasas. Gracias.

      Suprimir
  13. Vale, muchas gracias Oloman, estaré atento. Hasta la próxima.

    ResponderSuprimir
  14. Hola!!! soy justito justito!!!

    Como recorcholis se carga la plantilla esta en blogger???

    Me lo he descargado en zip i le doy a importar blog y me sale error.

    Podría alguien explicar como utilizar esta plantilla como si se lo explicase a un nene de 4 años???

    Por dios!!!! me parezco a mi madre con las instrucciones del video buaaaaaaaaaaaaaaaaa

    ResponderSuprimir
  15. me da error al intentar subir solo el archivo ( hay dos archivos xml, cual es el bueno? )

    Seleccionar un archivo de blog exportado (.xml)
    Demuestra que no eres un robot
    Escribe los caracteres que ves:
    Publicar automáticamente todas las entradas importadas
    Finalizado: Se ha producido un fallo en la importación a causa de un error del servidor. El código de error es bX-kyijnx.

    ResponderSuprimir
  16. buff!!!! al fin jajajajajjaja que diseño se recomienda para distribuir mejor los productos. Intento que me quede como el original pero no me sale

    ResponderSuprimir
    Respuestas
    1. Tú sólo da de alta productos (una entrada=un producto) y cuando lleves como 10, verás que todo cuadra

      Suprimir
  17. no se si lo he hecho bien...
    Me sale asi:

    http://artistalia.blogspot.com/

    Pero ni rastro de la cesta de compra, pagos etc...
    Intento subir el otro archivo xml y sale error todo el rato

    ResponderSuprimir
    Respuestas
    1. Me parece que subiste el .xml de las entradas en lugar del que corresponde a la plantilla ;) Sin tocar esos "productos" ahora sube la plantilla nueva. Si te da algún error, prueba usando el antiguo editor. No hay otra manera.

      Suprimir
  18. intentaré mañana...
    Me sale: Se ha producido un fallo en la importación a causa de un error del servidor. El código de error es bX-kyijnx.
    He utilizado el anriguo editor y creado otro blog.
    Gracias por tu ayuda!!!!!!

    ResponderSuprimir
  19. Hola, Tengo un problema. He instalado esta plantilla http://javatemplates.com/2011/blogger-store/ (que difiere un poco de la que tienes aqui puesta). La cuestión que si dejo en las entradas la plantilla que ponen ellos salen unas fotos enormes y me dijeron que lo sustituyera por otra cosa (que no me permite pegaros)

    La cuestión es que (no se si influye o no) no se me cambian las imágenes del slide. He hecho lo de publicar mas de 8 entradas y ya llevo 12 y nada.

    este es el blog: http://aquamarinepedidos.blogspot.com/

    ¿sabeis como poner las fotos propias?
    Gracias

    ResponderSuprimir
    Respuestas
    1. No tengo ni idea, porque bastante he tenido con revisar la versión 2 por completo, pero de todas formas, me da la impresión de que el problema es otro. Yo lo que veo es que las entradas (productos) funcionan bien y que sin embargo, el slide muestra las imágenes de la demo original.

      Supongo que en algún sitio tienes que cambiar el feed o la direccion de esa demo (blogger-store-javatemplates) por la tuya.

      Suprimir
  20. Genial! para no tener ni idea me lo has solucionado jejeje

    Exacto, he cambiado esa direccion por la principal del blog y se ha solucionado.

    besoss

    ResponderSuprimir
    Respuestas
    1. Me alegro, pero fue sólo intuición, no sapiencia ;)

      Suprimir
  21. Buenas tardes Oloman,

    He creado mi tiendecilla online usando la plantilla que incorpora todas las modificaciones y mejoras (intenté hacerlas una por una pero no me apañaba muy bien) La cuestión es que me gustaría poder cambiar el logo o banner que aparece arriba a la derecha y que me funcionara lo del pago por mail porque cuando intento editar el php en mi Mac no me deja. Por otro lado cómo puedo añadir los labels para separar los productos en 3 secciones?

    Muchas gracias por tu ayuda Oloman. La dirección del blog es:
    http://mlu-handmade.blogspot.com/

    ResponderSuprimir
    Respuestas
    1. De los enlaces al final de esta entrada, en el tercero puedes ver lo del banner y lo que preguntas abajo del menú.

      Lo del PHP para la opción e-mail está en el cuarto.

      Sobre las etiquetas, cada entrada (o producto) debe tener las suyas y eso va formando las categorías. Usando sólo tres, te saldrán sólo tres secciones.

      Suprimir
  22. Perdona que realice otra pregunta oloman. Me gustaría añadir al menú "home" and "Product category" una página de "Contact me" donde pueda añadir simplemente un texto explicando que pueden ponerse en contacto conmigo por correo electrónico. Lo del banner parece ser que he podido eliminarlo. (lo del pago por mail sigue sin funcionar) Por otro lado he visto que estáis trabajando en un código para diferenciar costes de envío lo que no he visto que tengáis en cuenta es que los gastos de envío varían también según el país; envío nacional es más barato que envío al resto de europa o EUA. Lo vais a tener en cuenta?

    Mil gracias

    ResponderSuprimir
    Respuestas
    1. Lo demás te indiqué dónde encontrarlo en el anterior comentario, pero con lo de los gastos según país vas a tener que promediar, porque no se me ocurre cómo saber el país de destino antes de recibir el pedido y tampoco cómo diferenciar mediante código uno u otro caso...

      Suprimir
  23. Muchísimas gracias por tu respuesta así que únicamente añadiendo etiquetas a los productos se clasificarán automáticamente en las diferentes categorías. En cuanto a lo del mail... He pedido a amigos míos que hagan un simulacro de pedido con su cuenta de mail pero ninguno de ellos me llega a mi correo pero sí al suyo. Es decir, ellos reciben el mail de lo que han comprado pero yo no me entero de nada. Cómo puedo cambiar esto? Por otro lado he intentando alojar el php en byethost y la verdad que no tengo ni idea... pero usando la última plantilla con todas las modificaciones funciona lo de enviarse el mail al que hace el pedido (no a mí) Perdona por ser tan ignorante pero es la primera vez que me meto con este tipo de cosas... De todas formas repito que mil gracias por tus prontas respuestas.

    ResponderSuprimir
    Respuestas
    1. El PHP que lleva la plantilla modificada que publiqué, está adaptado para que podáis probar el tema de los pedidos por correo y lo que hace es remitir la información a la dirección introducida para contacto por parte del comprador. Es lo que ocurre con tus amigos, pero tú también puedes poner tu dirección simulando ser un comprador y así verás cómo funciona.

      Para que funcione bien tienes que crear y alojar tu propio PHP con tu dirección de correo y cuando tengas la dirección de alojamiento sustituirla en el script de SimpleCart. En esta entrada se explica con más detalle.

      Suprimir
  24. SalU2, Oloman
    estudio y reestudio tus post y comentarios, y no descifro mis errores:
    1º no aparece el sidebar (tengo 12 entradas, cuando actualizo la pantalla lo muestra, pero al segundo desaparece).
    2º Los post aparecen en 2 columnas, y no en cuatro, además de que no consigo hacer las imágenes más pequeñas.
    3º descuadre en la imagen de "precio", "añadir al carro", etc.

    Te agradezco tu ayuda. Puedes verlo en "latiendadeadri.blogspot.com"

    ResponderSuprimir
    Respuestas
    1. Si que hay un pequeño desastre ahí, sí. Prueba a descargarte la plantilla modificada por mí. Esa incluye algunas correcciones y es más fácil partir de la platilla "reparada" que buscar dónde está el fallo. Si te sigue dando problemas, entonces seguro que es por la forma de contruir cada producto (cada entrada).

      Suprimir
  25. Hola Oloman, me encontré esta MARAVILLA y la voy a implementar, he copiado en un Word cada una de las entradas y bajé el XML de la plantilla y el SimpleCart. Estuve mirando la DEMO y se ve excelente, peroooo.... (siempre hay un pero) yo no tengo una empresa para vender con tarjeta, lo voy a hacer localmente - Uruguay - (con mi señora confecciones prendas en Crochet) y estoy trabajando en este blog http://porelmundodelcrochet.blogspot.com/.- Este descubrimiento para mí es CELESTIAL, ÚNICO. Perdón por la conversación, la pregunta es si podría quitar los elementos de la tarjeta y poner otras cosas. Para nosotros en Uruguay usamos DEPOSITAR EN CTA. BANCARIA o en ABITAB. Se puede incorporar estas formas o modificar las formas establecidas para que aparezcan éstas?
    Perdón por la pregunta, es que REALMENTE HAS CREADO ALGO IMPENSABLEMENTE MARAVILLOSO y realmente lo necesitamos, somos jubilados y una entrada más de dinero nos vendría muy bien para poder pagar los medicamentos que necesita mi señora.-
    Gracias nuevamente y espero tus comentarios.-
    Un abrazo desde Montevideo-Uruguay

    ResponderSuprimir
    Respuestas
    1. ¿Dónde ves los elementos de la tarjeta? Con esta plantilla se puede pagar por PayPal pero también te pueden hacer un pedido por correo electrónico. Cuando te pidan por correo electrónico es cuando facilitas tu cuenta para pago contrareembolso o como tu dices mediante transferencia bancaria...

      Suprimir
  26. Gracias por tu pronta respuesta. Las tarjetas las ví en una demo que tienes en las entradas que corresponden al tema y clickeando sobre los items del carrito te llevaba a una pantalla donde estaban esas tarjetas VISA y otra que no me acuerdo y los espacios para llenar con los datos de la tarjeta, Nºs, etc. Pero bueno entré ahora a esta DEMO de esta entrada y veo lo que tú dices. Gracias por la solución que me describes, lo haré así. Podrías decirme como lograr posicionar el Blog Store (llamado TIENDA CROCHET) en Google para que SE VEA? Solo una pista me sirve.- Gracias

    ResponderSuprimir
  27. ENTENDIENDO que no se pueden agregar más monedas, pero NO SE PUEDEN CAMBIAR? O sea saber donde está la base de donde salen y cambiar?Como dije anteriormente soy uruguayo y venderé localmente........mmmmmmm complico mucho? :(
    Si no hubiera forma, entonces dejaré al dólar como moneda común.- Espero tus comentarios. Gracias.-

    ResponderSuprimir
    Respuestas
    1. Sobre cómo posicionar tu blog, si lo supiera lo haría yo mismo para los míos, pero dudo que nadie sepa la fórmula mágica. Hay muchos consejos para mejorar ese posicionamiento que puedes encontrar en Internet, pero amen de que algunos son de libro y necesarios, el resto no conseguirán más de lo que puedes conseguir con un contenido interesante (a juicio de los usuarios).

      Sobre las monedas, el que no acepta otras distintas de las relacionadas es PayPal. Si no vas a usar ese sistema, simplemente suprime (no muestres) ese botón y utiliza sólo el de email (contrareembolso). Los precios ponlos en la moneda local y listo.

      Suprimir
  28. Hooolaaa, adivina quién molesta?
    Bue, al grano. Me puedes pasar las últimas actualizaciones de plantilla, SimpleCart, SimpleCart2.js (hay dos : wojodesign-simplecart-js-ae100a6 y wojodesign-simplecart-js-b531e88) yo coloqué ésta última y SimpleCart2email.js. Yo estoy seguro de no haberme salteado nada y el otro día que no me funcionaba el slide y no aparecían todas las Entradas que tenía, subi nuevamente la plantilla "olobloggerstore" y mandé a DropBox la versión wojodesign-simplecart-js-b531e88 y me quedó perfecto. Esto me hace pensar que puede haber alguna versión que subí mal.
    TE HAGO UN COMENTARIO QUE ME LLAMA LA ATENCIÓN: En la Entrada de SUSTITUIR BUSCADOR dices de colocar éste código pero el sistema no lo acepta como está ya que debí sacarle la barra /, de lo contrario me daba error. Está mal o bien? Digo con / o sin /
    Abrazo enorme y espero TUS RESPUESTAS, por favor que necesito esas respuestas para seguir y terminar. El blog es : http://latiendadecrochet.blogspot.com/

    ResponderSuprimir
  29. b:section class='topsearch' id='topsearch'/>

    ResponderSuprimir