SimpleCart. Una tienda online... también para Blogger. | Oloblogger Hace unos pocos días me tropecé con este script que sirve para generar una especie de tienda online ...

12 de abril de 2010

SimpleCart. Una tienda online... también para Blogger.

Hace unos pocos días me tropecé con este script que sirve para generar una especie de tienda online y que permite prescindir del uso de bases de datos. De esta manera se puede utilizar en plataformas que carecen de ellas como ocurre en Blogger. El tema de recordar lo que el usuario ha ido pinchando y que no desaparezca cada vez que se refresca o se cambia de página, lo han solucionado mediante unas cookies. Puede resultar primitivo y no muy seguro, pero el caso es que funciona y puede ser de utilidad en determinados casos, así que si tras ver esta demo os gusta el asunto, a continuación facilitamos los ficheros necesarios y explicamos brevemente cómo instalarlos.



1. En primer lugar, desde Elementos de Página añadimos un gadget tipo HTML/JavaScript (sin título para que este no sea visible). Para que no estorbe mucho lo creamos en la cabecera o en el pie de página. Allí copiamos todo el script adaptado para funcionar desde un gadget. Sin guardar, a continuación del código script, copiamos el estilo y las opciones configurables. Ya podemos guardar, aunque posteriormente tendremos que cambiar unos pocos datos.

Para una mayor facilidad a la hora de buscar algo, podríamos insertar el script en un gadget y el estilo en otro, sin ningún problema.

2. Ahora tenemos un par de opciones.
  • A) Tienda visible en una sola página. Creamos una página estática y en ella insertamos la parte HTML (copiar HTML versión post).
  • B) Tienda visible en todas las páginas. Añadimos un nuevo gadget HTML/JavaScript y allí insertamos el HTML (fichero HTML). Recomendable crearlo en cabecera o pie.
Desde ya, podemos ver una tienda en funcionamiento. Trastear si quereis con los botones de Añadir, Vaciar Carro y las pequeñas flechas en las miniaturas del carro, que sirven para incrementar/decrementar la cantidad de cada artículo solicitada. Incluso podeis pinchar en el botón PAYPAL para ver que conecta bien con dicho servicio, transfiriendo la lista de artículos seleccionados, su descripción y el importe total.

Ahora sólo resta configurarla con nuestros datos. Lo primero es buscar tras el estilo, la línea que contiene la variable simpleCart.email = "tupaypal@dominio.com"; Lo marcado en verde tiene que ser cambiado por vuestra propia cuenta PayPal.

Además es posible cambiar la moneda en la que se desea cobrar en la siguiente línea: simpleCart.currency = EUR;. Al principio del código del script hay una variable que contiene todo los códigos de las monedas admitidas en PayPal, entre las que se encuentran por ejemplo el peso mejicano (MXN) y el dólar USA (USD).

Una vez ajustadas estas dos cosas, teneis que poner vuestros artículos en lugar de los que se muestran en el ejemplo. Cada trozo de código como este, contiene la información necesaria para cada artículo distinto. Por tanto, será necesario un bloque con la misma estructura por cada artículo.

<!-- Crea un DIV CON LA CLASE "simpleCart_shelfItem" -->
<div class="simpleCart_shelfItem">
<img src="http://img85.imageshack.us/img85/8136/tshirt1x.jpg" alt="Camiseta AA" title="Camiseta AA" class="item_image" />
<h5 class="item_name">
Camiseta AA</h5>
<p class="item_Description">
Cualquier campo que quieras para tus artículos, puede ser generado creando una etiqueta con la clase "item_[field-name]"
</p>
<span class="item_price">26.00€</span>
<a id="s2" href="javascript:void();" class="item_add">Add to Cart</a>
<span class="item_thumb">http://img85.imageshack.us/img85/8136/tshirt1x.jpg</span>
</div>


En verde lo que hay que personalizar. La primera imagen es la que se verá en el escaparate y la última la miniatura que se mostrará en el carro. Las etiquetas title, alt y el contenido del div item_name, deberán contener el nombre del artículo (en el ejemplo, Camiseta AA). El párrafo con clase item_Description, debe contener la descripción del artículo. Por último, el span item_price, es el que recoge el precio. Importante que los decimales se separen con notación inglesa, es decir, con un punto en lugar de una coma.

Para que se adapte al mayor número de plantillas posible sin tener que cambiar muchas cosas, he modificado un poco el estilo, el HTML y traducido los comentarios. Los valientes podeis adaptar todo esto a vuestro antojo, modificando el CSS para conseguir cosas como esta.

Hay muchas posibilidades porque todo funciona con las clases de los DIV's. Así, por ejemplo, se puede poner el escaparate en una página y el carro siempre visible en la barra lateral, como se puede ver en el blog de pruebas, tras haber seleccionado algún artículo previamente en la página de la tienda.. También he probado a poner enlaces en las imágenes y no hay problemas, así que casi seguro que hasta se podría usar algún tipo de ventana modal para mostrar una imagen ampliada.

Si disponeis de algún servicio de hosting bueno para los ficheros, alojarlos allí en lugar de en vuestra plantilla. Esto será especialmente util si la tienda la montais en una página, porque así no se llamará al script si no hace falta, aligerando la carga. No obstante ocupa poco más de 30k, así que tranquilos en cualquier caso. Los más avezados teneis los ficheros originales y toda la documentación del script en la página de SimpleCart (en inglés).

SimpleCart, encontrado vía TechieBlogger.

Actualización: Ver cómo aplicar el envío por correo electrónico.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

155 comentarios :

  1. Creo que voy a probar a hacer esto para poder vender cosillas de las que me quería deshacer. Ya te iré comentando dudas/problemas que me vayan surgendo y, como siempre, gracias por tus artículos^^

    ResponderEliminar
  2. Hola e visto el post esta mañana y me ha animado a desarrollar la tienda online para poder vender mis fotografías, todo perfecto siguiendo tus pasos pero tengo un problemilla, quisiera que la tienda se pudiera ver como el link que has puesto de ejemplo:

    http://olobloggerpruebas.blogspot.com/p/tienda-online_5270.html

    Pero mi resultado es el siguiente:

    http://isabelfotografa.blogspot.com/p/camiseta-basis-para-crear-un-articulo.html

    Que es lo que debería modificar??

    Muchas gracias de antemano.

    ResponderEliminar
  3. Man eres extraordinario... muy bueno el tema de las cookies, y sobre todo el ingenio para crear este script. Saludos...

    ResponderEliminar
  4. Morgana. Espero que no sean muchas porque si no, tendrás que montar un secondhand.com y olvidarte de Blogger :)

    Isabel, es cuestión de espacio. En el hueco que tienes destinado a las entradas, no caben dos artículos y por eso pasan a la línea siguiente. Hay varias opciones. Una sería modificar el estilo para hacer más estrecho el ancho destinado a cada artículo (cambiar el width de .simpleCart_shelfItem) y quizás, también mostrar imágenes más pequeñas.
    Otra manera si lo montas todo en una página estática, sería ocultando la sidebar y dándole un ancho mayor al cuerpo principal a este tipo de páginas.
    Para esto tendrías que poner, por ejemplo, algo así antes del </head>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <style type='text/css'>
    #sidebar-wrapper {
    width: 0px;
    display:none;
    visibility:hidden;
    }
    #main{
    width: 600px;
    }
    </style>
    </b:if>

    Jorge, el script no lo desarrollé yo, sino SimpleCart. Servidor sólo lo adaptó un poquillo.

    ResponderEliminar
  5. Gracias, con lo que me comentas y con el post http://oloblogger.blogspot.com/2009/11/cambiar-estilo-segun-el-tipo-de-pagina.html lo he modificado.
    Ahora ya tengo el espacio que necesitaba, pero … me surge otra duda los Gadgets puedo desactivarlos? Com el fondo de pantalla, los retweed y el traductor de Google?
    Saludos

    ResponderEliminar
  6. Casi de la misma manera, pero es necesario ocultar esos elementos sin ensanchar nada.

    El traductor es #google_translate_element.

    Con el gadget retweet, tendrás que hacer algo más porque no tiene ninguna clase o ID. Incorpórale una clase a la parte HTML dónde lo tienes insertado (con el nombre que quieras) y luego crea una clase "invisible" con ese mismo nombre en la parte CSS.

    ResponderEliminar
  7. Muy bueno el post, eso de poder prescindir de las base de datos me gustó. Voy a intentar instalarlas ahora.

    ResponderEliminar
  8. PREGUNTA...
    TENGO MI SIMPLE CART, TODO FUNCIONA PERFECTO... PERO AL MOMENTO DE DIVIDIR EL MISMO CARRITO EN VARIAS CATEGORÍAS Y PÁGINAS, EL CARRITO SE QUEDA ESTÁTICO, AL CAMBIARME DE PÁGINA SE REGRESA EN LA COOKIE ALMACENADA... QUE PUEDO HACER ???

    ResponderEliminar
  9. Hola Pablo. Te ha quedado fantástico.

    En un principio, cuando cambias de página, la cookie debería mantenerse de manera que el carro vaya acumulando todo aquello que se va seleccionando. Esa es su función y así debe ser.

    Quizás te refieres a cómo poner distintos artículos en distintas páginas y que no salga en todas siempre lo mismo. Si es así, simplemente continúa añadiendo código como el último que se ve en esta entrada, con los nuevos artículos, en distintas páginas.

    ResponderEliminar
  10. holaestoy haciendo pruebas, y no consigo hacer que me mande un email en lugar del metodo paypal.
    lo he cambiado en su correspondiente lugar del script osea aqui
    "this.checkoutTo = Email;
    this.email = "******@hotmail.com";
    this.merchantId = "";
    this.cartHeaders = ['Name','Price','Quantity','Total'];"

    pero nanai, no hay manera ¿alguna idea?

    ResponderEliminar
  11. Sanosuke, si has usado el script que aquí se utiliza, precisamente lo abrevié, entre otras cosas, quitando esa opción y nunca lo probé con ella. Tendrás que bajarte el script original.

    ResponderEliminar
  12. Amigo, llevo varios días tratando de modificar algo de este tema y no me sale. A ver si puedes ayudarme.
    Lo que quiero conseguir es que el botón inferior para pagar por Paypal, lo que haga sea mandar un email, en vez de llevar a la página de pago por Paapal.
    Estoy seguro de que puede hacerse, pero no me sale.

    Espero que puedas ayudarme.

    Saludos.

    Antonio

    ResponderEliminar
  13. Sanosuke y Blogsmadeinspain. La cuestión es que aunque en teoría se puede cambiar el parámetro PAYPAL por EMAIL, para que funcione como quereis, lo cierto es que no funciona.

    Me he pasado un buen rato averiguando cual podía ser la causa (el script es largo de narices) y el problema es que la función que debería hacer eso, simplemente no está redactada. Pero no es problema de mi adaptación, porque ni siquiera está en el script original.

    He estado haciendo pruebas y casi lo tengo, en cuanto esté listo del todo y vea que funciona todo bien, publico algo sobre ello.

    Y Sanosuke... perdón por no entender lo que me quisiste decir de primeras.

    Saludos.

    ResponderEliminar
  14. Oloman, he estado tratando de modificar el script original en inglés, pero nada de nada. No he conseguido hacer funcionar la opción de enviar un email en vez de Paypal.
    ¿Has conseguido tú algo por tu parte?

    ResponderEliminar
  15. ¡Sí! Lo he publicado hace un rato. El problema está en que el script original no contempla ninguna acción para esa opción. La puedes programar mediante los parámetros, pero cuando el código va a la función correspondiente se encuentra con un simple RETURN y por no hace aparentemente nada.
    Le he incorporado contenido a esa función para que haga lo que quieres.
    Saludos.

    ResponderEliminar
  16. exclente...muchas gracias, esta super bueno y didactico.

    ResponderEliminar
  17. Hola, excelente post!!!
    Te hago una pregunta, estoy armando un site y quiero ofrecer unos productos y que el carrito sirva mas bien como una orden de pedidos. El tema es que solo quiero que aparezca en el carrito la imagen, la cantidad y el nombre del producto, y no el importe, ni la suma, no quiero poner precios en el site. Estoy intentando... pero no tengo muchos conocimientos de java... y no se que quitar...
    Muchas gracias

    ResponderEliminar
  18. Hola Andrés.

    Para no tener que trastear mucho, sería suficiente con buscar en la página que forma la tienda, la clase class="item_price". Ahí es dónde se pone el precio. Simplemente deja sin texto (precio) esos SPAN.

    Por otra parte, la clase simpleCart_total es la que muestra el total. Con este dato, como se forma con un DIV sin contenido, sí que tendrás que eliminar el DIV completo.

    ResponderEliminar
  19. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  20. Disculpa Oloman, leí que me dijiste que el blog solo admitía a lectores invitados.
    Me gustaría consultarte una duda con respecto a este post.
    Un saludo.

    ResponderEliminar
  21. No recuerdo eso SweetPain. Supongo que intenté acceder y me dió ese aviso. Actualmente en ninguno de tus dos blogs sale eso. ¿cual es la pregunta?

    ResponderEliminar
  22. Hola quisiera saber en que parte le indico el email al que quiero que llegue mi pedido gracias

    ResponderEliminar
  23. Este script no incluye la posibilidad de envío por e-mail, pero puedes acceder al último enlace de la entrada para ver la explicación de cómo lo solucionamos.

    ResponderEliminar
  24. Muy interesante el artículo, aún así continuo pensando que los CMS actuales son cada vez mas potentes, personalmente trabajo con oscommerce, su comunidad se estanco un poco, pero lo estan retomando todo a una velocidad increíble, sin olvidar extenciones para Joomla, en definitiva, creo que si buscamos una venta online, deberíamos de tener un sistema configurado para ello (pedidos, clientes, informes), la gran ventaja de esto, scripts como los que se describen en este post, ya están configurados y testeados, sin olvidar las miles de contribuciones (esto para os). Saludos.

    ResponderEliminar
  25. Desde luego que hay sistemas más completos y eficaces que este. SimpleCart es interesante sólo en cuanto que no necesita de PHP para la gestión. Pero esto es también su incoveniente en cuanto a que resulta muy limitado en sus funciones.

    ResponderEliminar
  26. Hola, me ha servido de muchisima ayuda pero me estoy volviendo LOCAAAA, ¿porque no puedo poner un precio bajo de otro del mismo articulo con diferentes tallas?, he conseguido poner los diferentes precios y su botoncito de añadir pero cuando le doy siempre sale el mismo precio en el carro, en la página se ven diferentes, ¿puedes ayudarme?. Muchisimas gracias por todo.

    ResponderEliminar
  27. Mascotas, este script no permite poner varios precios para el mismo artículo. Para eso sería necesario crear un nuevo artículo, aunque lo único que cambie sea la talla... y el precio

    ResponderEliminar
  28. El tema oscommerce, joomla, wordpress... etc es verdad que son mas potentes, pero lo que me gusta de la plataforma expuesta en este articulo es que se basa en la funcionalidad y en lo que realmente se desea para una página web en este caso una tienda online, es decir, cuando añades un producto al carrito parece que se realiza en ajax (creo que lo hace en ajax), y directamente estas viendo el precio final, para pagar y pedirlo de una vez, cosa que no sucede con la mayoria de los CMS que se centran en ponerte una serie de módulos, muchas opciones las cuales se convierten en obstaculos para el usuario, mi opinion es que cuidando el diseño web y optimizando un poco este script, puede ser de gran utilidad. Un saludo

    ResponderEliminar
  29. Estoy interesado en aplicarlo en un blog y no se porque motivo no me funciona, tengo una plantilla minima adaptada a mi gusto y supongo que hay algun script que crea conflicto con este y a tal efecto no funciona como es debido, lo he provado en una plantilla nueva y funciona correctamente, tienes idea de donde debo mirar?
    Gracias por tu atención.

    ResponderEliminar
  30. Disculpa he olvidado darte el enlace donde lo he instalado, es una plantilla de pruebas identica a la original:
    http://pruevascanastilla.blogspot.com/

    ResponderEliminar
  31. Todocanastilla, lamento comunicarte que en el blog de prueba tampoco funciona bien del todo. Cuando pinchas en un artículo aparece el precio y el nombre abajo del todo, pero a la derecha de eso, debería aparecer también unas flechitas para incrementar/decrementar el número de artículos. Echa un vistazo a la demo que se enlaza en este post y verás la diferencia.

    Esto quiere decir que algo anda mal por ahí. Prueba a borrar todo lo que pusiste y a comenzar desde el principio

    ResponderEliminar
  32. ey oloman es mi primer comentario pero no mi primera visita , mira no se donde poner el simplecart js que explicas ahi y cuando pongo el css me muestra un error que falta alguna conexion

    "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The entity name must immediately follow the '&' in the entity reference."

    ResponderEliminar
  33. Hola Sergio en la entrada, precisamente en los puntos 1 y 2, se detalla dónde poner los dos códigos que hay que incluir. ¿Cual de los dos te falla?

    ResponderEliminar
  34. como puedo poner las fotos de los articulos me ace falta ayuda gracias

    ResponderEliminar
  35. Del trozo de código visible en esta entrada, esta es la parte que muestra la imagen, Club Emporda:
    <img src="http://img85.imageshack.us/img85/8136/tshirt1x.jpg" alt="Camiseta AA" title="Camiseta AA" class="item_image" />

    ResponderEliminar
  36. Pero como puedo poner la imagen que quiera por ejemplo una foto mia ponerla para que se vea esque no se como modificar para que se me vea ayudaaaa/se modifica todo o solo el ultimo trozo

    ResponderEliminar
  37. Del trozo que te puse, tienes que cambiar lo que está dentro del SRC, que es la dirección de la imagen a mostrar Club Emporda

    ResponderEliminar
  38. Hola soy super nueva en esto! Resulta que he instalado el script en mi blog abajo del todo. Ha quedado así: http://ali-atelier.blogspot.com/

    Pero no sé como cambiar las fotos porque lo que quiero es poner fotos hechas por mi.

    ResponderEliminar
  39. En el trozo de código que se reproduce, podrás encontrar en verde lo que es personalizable. Justo tras ese código, se explica para qué sirve cada parte. Suerte ;)

    ResponderEliminar
  40. Muy buenas, he visto tu tienda la del codigo bueno. Me podias ayudar en tener una parecida? Lo que quiero tambien es que cada tipo de articulo que se encuentre en su pagina ej. camisetas , pantalones ..... . Se puede incluir en el precio final los gastos de envio?Gracias

    ResponderEliminar
  41. Aloe Vera, esa que dices que es la "buena", está hecha con este mismo código. En cuanto a que cada artículo esté en distinta página, no hay problema. Tendrías que poner en cada página, sólo los artículos que te interesen. En el post está explicado como crear bloques de información que representan un artículo.

    ResponderEliminar
  42. Ah, y sobre los gastos de envío, no hay forma con este script de diferenciarlos. Tendrías que poner el precio "gastos de envío incluidos".

    ResponderEliminar
  43. Muchas gracias Oloman. Tengo 2 preguntas mas:
    1.En esta tienda puede comprar cualquiera ó solo los usuarios registrados?
    2.Como quito lo da las entradas para que no se vea en la pagina? Que quede una pagina limpia.
    Gracias

    ResponderEliminar
  44. Hola Oloman, he montado una tienda, tal y como lo explicas! y va de coña, pero como siempre hay un pero.....tengo 3 preguntas:

    1ª como inserto una columna donde puedan elegir el producto sin tener que ir artículo por artículo?
    2º Para insertar un artículo me olvido de hacerlo por entradas verdad? es decir tengo que hacerlo por html??
    3º como cambio el color del fondo!!!! que me estoy volviendo loca!

    Muchísimas grácias por todas tus aportaciones.

    Entre Hilos y Costuras

    ResponderEliminar
  45. Aloe Vera
    1. No hace falta registro. Cualquiera puede enviar un correo o pagar con PayPal.
    2. ¿Página limpia? Si tienes un blog no es para tener una página sin entradas. Para eso están otro tipo de webs. No obstante, estas pueden ser algunas soluciones (hay más): http://goo.gl/nepC9 / http://goo.gl/F622f

    ResponderEliminar
  46. Entre Hilos Y Costuras
    1º No entiendo que quiere decir lo de la columna
    2º Como comento en el post, lo mejor es poner la tienda o en un gadget (visible en todas las páginas) o en una página estática. En el segundo caso, el código se teclea en el editor, igual que si fuera una entrada.
    3º En la parte de ESTILO. Dentro del ID #demoContainer, tienes que cambiar el valor del BACKGROUND.

    ResponderEliminar
  47. Me gustaría un índice que me dejara clasificar los artículos por tipo, este índice estaría en un lateral y al hacer clic que me llevara a los artículos que corresponden

    ResponderEliminar
  48. Lo de clasificarlos por tipo es tan sencillo como que vayas redactando el código de cada artículo en el orden que deseas que se muestren.

    Sobre lo del enlace hacia al artículo, lo más fácil es que en la parte del código que forma el nombre del artículo, en el de la miniatura, o en ambos, incluyas un enlace a la página que lo describe con más detalle.

    El primero lleva la clase item_name y la segunda la puedes reconocer por la etiqueta IMG.

    ResponderEliminar
  49. OLAA COMO YO NO VOY A OCUPAR LO DE PAYPAL COMO PUEDO CAMBIAR LA MONEDA A PESO CHILENO, ADEMAS AQUI DICE QUE TIENE TODAS LAS MONEDAS QUE ACEPTA PAYPAL Y NO SALE LA DECHILE QUE PAYPAL SI ACEPTA AYUPA POR FAVOR

    ResponderEliminar
  50. Oloman, extraordinario post.
    Me envía El Potro de Ciudad Blogger porque necesito algo como esto para mi Blog. El caso es que mi plantilla está configurada con entradas estilo magazine porque vendo cuadros artesanales. Cada entrada por categoría contiene una foto que al cliclear abre otra ventana donde se explican sus características, autor, precio, etc. No sé si este método me funcionaría insertando el Código HTML en el post de cada cuadro. Espero haberme explicado bien.
    Mi blog es http://taraceacuadros.blogspot.com
    Muchas Gracias y mis felicitaciones

    ResponderEliminar
  51. Valentina, no sé qué ocurre con el peso chileno, pero en esta lista de PayPal no aparece: http://goo.gl/7fyTT
    Quizás tengas que usar Dólares US

    Cristina, creo que lo vas a poder usar sin problemas, pero en tu caso, lo haría así:
    Crea la tienda en la barra lateral, pero no incluyas los artículos (simpleCart_shelfItem). Estos créalos cada uno en su entrada.
    De esta manera, en la barra lateral sólo te saldrán los artículos en el carro.

    ResponderEliminar
  52. Hola, por favor ayuda, cambie el currency a USD pero no funciona. Sigue apareciendo como Euro. :( Me puedes dar alguna indicación?

    ResponderEliminar
  53. mfmartinez, puede que lo hayas hecho bien, porque eso sólo es comprobable al conectar con PayPal. Otra cosa es el "escaparate". Ahí, al crear el artículo, tienes que redactar el precio con el símbolo que tú quieras.

    ResponderEliminar
  54. Buenas amigo, es mi primer post, quería saber como hago para poder hacer que funcione los botones de Añadir, Vaciar Carro y las pequeñas flechas en las miniaturas del carro, que sirven para incrementar/decrementar la cantidad de cada artículo solicitada. No los encuentro en la web

    ResponderEliminar
  55. Disculpa, lo que pasa es que soy administrador de un blog en Venezuela, recién empezando, y queria preguntar a ver si me ayudas, como hago para hacer la versión movil del blog, y otra es si ves el blog en esta pagina http://enlacemundo.blogspot.com/p/farandula-enlace-mundo.html veras que tengo entradas,y no se como hacer para que sea vean entradas de 10 en 10 por ejemplo como en la pagina principal. me gustaria que me ayudaras. veo que sabes mucho de blog xD

    ResponderEliminar
  56. Hola, realmente me a facinado pero no tengo idea de como hacerlo por favor me ayudan o me dicen que es lo que tengo que aprender

    ResponderEliminar
  57. Enlace Mundo y F.M.T., todo funciona bien si se realizan los cambios siguiendo exactamente las instrucciones que se dan en esta entrada. Lo mejor es que abrais un blog para pruebas y lo intentéis en él. Una vez que comprobéis que funciona, adaptáis los artículos, precios, etc. a vuestras necesidades. Por último, cuando todo (estilo incluído) esté a vuestro gusto, es cuando podéis hacer los mismos pasos en vuestro blog definitivo.

    Sobre la versión móvil, puedes utilizar este sistema para poner un enlace desde el blog: http://goo.gl/2RirI
    ...y la redirección que se enlaza al final de esa misma entrada para que automáticamente los dispositivos móviles vayan a parar a esa página.

    Sobre las 10 entradas, el enlace que me das es una página estática y ahí no se pueden concretar el número de ellas a mostrar.

    ResponderEliminar
  58. Muchísimas gracias por tu post. Es toda una maravilla lo que se puede lograr con un poco de ingenio, y la verdad es que le explicación queda tan clara como siempre.

    Sigue así.

    ¡Saludos!

    ResponderEliminar
  59. Hola Oloman, estaba buscando justo algo como esto. A ver si lo puedo llegar a utilizar. Me gustaría que cuando hayan realizado la compra a través de paypal, les llegue un email con los datos de lo que han comprado. Esto se puede hacer a través de paypal? y otra pregunta es a que te refieres cuando hablas de la cuenta de paypal tupaypal@dominio.com. Mi cuenta paypal es mi correo electronico, ¿no es así? me podrías poner un ejemplo.
    Gracias por todo, es un superpost

    ResponderEliminar
  60. Ya no lo recuerdo con exactitud, Escuela Japonesa, pero me parece recordar que los mismos datos que carga el script, aparecen en el correo de confirmación de PayPal.

    Con respecto a la cuenta de PayPal, sí, es la que el usuario tenga con ese servicio. En tu caso, la de tu correo.

    ResponderEliminar
  61. genial! probaremos a ver que tal queda la tiendita. eternamente agradecido, en serio

    ResponderEliminar
  62. Otra vez yo, a ver no soy muy ducho en la materia, a ver si me puedes ayudar. Resulta que cuando creo el gadget Html con el script y los css, resulta que luego me cambia los estilos de un post-fijo que tengo siempre al acceder a la pagina y me destartala la alineación del texto y de la imagen, etc. por si quieres ver, es shiatsudobarcelona.com, Qué puedo hacer?
    Gracias por todo

    ResponderEliminar
  63. Hola, estoy utilizando las instrucciones pero cuando le doy a añadir al carro no me añade nada, ¿podrias indicarme que puede estar incorrecto?

    muchas gracias por compartir esta información

    ResponderEliminar
  64. Se me olvidaba, ¿donde se incluye la dirección de envío de los artículos a enviar?

    gracias de nuevo

    ResponderEliminar
  65. he repetido la instrucciones y ya funciona, todo correcto, muy muy bueno, gracias

    ResponderEliminar
  66. Hola Oloman. Si hay un blog que de verdad funciona por su claridad a la hora de explicar las cosas es éste, pero, como en todo, surgen dudas:
    El botón para enlazara Paypal a mi no me sale ¿lo eliminaste tu y hay que añadirlo desde paypal con el script correspondiente?
    Y una aclaración, cuando el cliente "compra" y se conecta a Paypal, confirma el pago, los datos que tu hayas marcado para que te envíen la notificación, son las que mandará paypal.
    O sea, quién compra, se registra (o le solicita sus datos), esos datos, si no desmarca la opción de notificar al vendedor (que creo recordar que existe) te llegan, todo salvo su número de tarjeta o cuenta, pero nombre, dirección, teléfono, correo..., incluso si lo marcas tu como posibilidad en tu cuenta, una segunda dirección, diferenciando facturación y lugar de envío.
    Nada más Un abrazo grande pués aportes CLAROS Y CONCISOS como éste son los que nos animan a los neofitos a probar cosas que nunca seríamos capaces de implementar. Por cierto cuando lo acabe te lo mandaré por correo, pero estoy "en ello" para crear una "tienda en Excel", y tiene su gracia y que.
    Por si alguien quiere mirar, pero estará en pruebas, evidentemente, aquí os dejo el enlace http://lotilandpr11grup.blogspot.com/
    Un saludo

    ResponderEliminar
  67. Hola Oloman, yo creo que tengo el mismo problema que Lotiland, y es que el botón de Paypal que está al lado de Vaciar Carro me ha desaparecido de la vista, es decir, sigue estando porque pincho y se puede hacer la compra, pero no se ve. ¿A qué puede ser debido?
    Muchas gracias.
    Un saludo.

    ResponderEliminar
  68. Que tal amigo, un abrazo y una felicitacion por los excelentes post que haces, acerca de esta entrada cuando uno da clic en VER ESTA DEMO en lugar de sacar el boton de paypal saca la opcion de envio por correo ¿como puedo hacer para que me saque el boton de paypal? ya hice todos los pasos que mencionas pero me sale asi http://websdepruebas.blogspot.com/
    algo estoy haciendo masl? pues copie todo tal como esta. Estare pendiente de la respuesta, Gracias y Recibe un abrazo

    ResponderEliminar
  69. Yo tengo la opción de EMAIL en lugar de PAYPAL y me ha funcionado siempre todo perfectamente, pero desde hace unos días todo funciona (agregar artículos al carro, vaciar carro, etc) pero el botón de EMAIL no hace nada y yo no he tocado nada ¿me puedes echar una mano? mi tienda está en http://clubesgrimasantandermaterial.blogspot.com

    ResponderEliminar
  70. Hola Oloman bueno te comento que hoy me he decidido a abrir una tienda virtual para ofrecer algunos productos de aceesorios de computadora pero leyendo y releyendo tus post que por cierto son muy interezantes y recontra buenos te comento que tengo la siguiente plantilla de: shoppingcart
    y lo que quiero es cambiar en vez de enviar a paypal despues que la persona haiga seleccionado los productos que desea comprar el pedido me llegue como mensaje de todo el pedido que la persona quiere comprar en mi tiendar virtual.
    Lo eh querido hacer insertando un formulario de contacto pero no consigo resultado positivos.
    Aqui te dejo el link de mi tienda virtual: http://teamdesigncreative.blogspot.com.
    Gracias espero tu respuesta Oloman, Saludos

    ResponderEliminar
  71. Escuela Japonesa de Shiatsu, no sé si es porque quitaste la tienda o porque solucionaste el problema, pero hoy veo ese primer post perfecto. De todas maneras, si al instalar lo de la tienda se te descuadra ese post, lo que ocurre casi con seguridad, es que alguna clase de las utilizadas para la tienda (parte CSS), coincide en nombre con alguna de la la entrada-gadget. Cuando coinciden, lógicamente, los elementos afectados por esa clase que se repite, se ajustan a las propiedades de esta.

    Pruebas me alegro de que tras releer las instrucciones lo hayas logrado, porque si llegas a tener que esperar a que te conteste yo, seguramente hubiera caducado la web :( Bueno, gracias por avisar en cualquier caso.

    Lotiland, en primer lugar, gracias por el piropo :)
    No sé de dónde has sacado tu código, pero el botón Paypal es precisamente el único que funciona con el script original. No hay que hacer nada especial para que salga y precisamente, después de este post tuve que publicar otro para explicar cómo hacer para que también se pueda enviar el pedido por correo, ya que esta utilidad no funcionaba. Hay un tercer artículo que explica cómo simultanear ambas cosas, por si resulta de tu interés.
    También te indico que no hay que hacer nada en PayPal, ya que todo lo necesario lo hace el script. Bueno sí: darte de alta para poder recibir los pagos ;)
    Ampliando para contestar completamente a tu pregunta, el script lo único que hace es ir registrando los datos del pedido según el comprador los va clickando: número de artículos, tipo artículo, precios, etc. Después, cuando se pincha en el botón de pago, sólo transfiere esos datos a PayPal (o al correo, en su caso) y PayPal hace ya lo habitual. Dicho de otra forma, le ahorra al comprador tener que rellenar los datos en PayPal a mano y el vendedor se asegura que los datos son justo los que necesita.
    Nada más. Una vez en PayPal, todo lo demás funciona de la manera convencional con ese servicio.
    Si finalmente me lo mandas, lo de la tienda en excel estaría encantado de publicarlo... con los créditos correspondientes, claro.

    ResponderEliminar
  72. Lotiland, Roberto, Xtremdf bloggero, Antucho, tras contestar a Lotiland me he dado cuenta por el resto de comentarios de que el problema está en el sistema en sí mismo. He comprobado que efectivamente no funciona bien el botón de PayPal.
    Si no sale el botón, pero funciona, posiblemente sólo sea cuestión del alojamiento de la imagen que lo forma. Más complicado es que sea el enlace el que no funcione, porque eso quiere decir que es el script el que falla.
    En ambos casos, tengo que repasar el código y ver qué es lo que ocurre. Recuerdo que trasteé un poco hace un tiempo, así que lo mismo borré algo que no debía.
    Voy a tardar, pero cuando lo revise avisaré a través de los comentarios, así que suscribiros a este post por correo electrónico para que sepáis cuando esta listo.

    Wmasterconsultores, si te he entendido bien (hoy estoy espero) en los enlaces del comentario #72 tienes lo que buscas.

    ResponderEliminar
  73. Hola ... soy Cintia del Blog Boneca de Trapo http://blogbonecadetrapo.blogspot.com/ hacia tiempo que buscaba una tienda online para blogger y me ha encantado tu post, lo unico es que estuve haciendo pruebas ayer con el paypal y me sale un mensaje de error. Sustituí lo que estaba en verde por mi cuenta de paypal y no funciona ...
    Gracias por la ayuda

    ResponderEliminar
  74. Hola Oloman, Estuve desconectado un tiempo del tema ya que me lie con otras cosas. Pero me gustaría retomar el asunto de la tienda virtual. me comentas que si me descuadra es porque: "coincide en nombre con alguna de la la entrada-gadget. Cuando coinciden, lógicamente, los elementos afectados por esa clase que se repite, se ajustan a las propiedades de esta" que puedo hacer para que no coincidan y poder adaptar el script.

    Gracias por todo, a ver si puedo implementarlo, ya que me sería de muy gran ayuda.

    ResponderEliminar
  75. Hola oloman! Antes que nada muchisimas gracias por este post. Llevo un par de días buscando alternativas para poner una tienda en la página de mi grupo y no conseguía nada que nos compensase!

    Tengo una pregunta que hacerte, a ver si me podrías ayudar....habría alguna manera para que el botón de paypal te permitiese pagar con tarjeta de crédito? o de añadir un botón de pago directo?

    Muchas gracias por adelantado!

    ResponderEliminar
  76. Buenas tardes,

    Tal y como descibre Boneca de Trapo, he seguido los pasos y ha quedado chula la web pero a la hora de mandar la compra a Paypal me sale un mensaje de error de Paypal. He cambiado también la parte de color verde por el email asociado a Paypal y sigue sin funcionar. ¿Podrías ayudarnos?

    Gracias de antemano y enhorabuena por tu blog.

    ResponderEliminar
  77. Boneca de Trapo, Vicente Martínez, siento la tardanza pero pensaba que era un problema grave y lo fui aplazando hasta tener algo de tiempo disponible para ver el asunto a fondo. La mala noticia es que voy a seguir sin responderos. La buena es que parece que no era problema del script, sino algún problema pasajero de PayPal -o algo así- porque hoy sí que funciona todo el sistema ¿podéis probar todo este código ahora?

    Escuela Japonesa de Shiatsu si retomamos el asunto, refréscame la memoria y por favor, detállame la página dónde tienes la tienda y la otra que se te descuadra.

    Pequeña Piltrafas desconozco la forma de hacer pago directo con tarjeta, pero este script lleva la opción de poder pagar a través de Google Checkout. Eso es prácticamente lo mismo porque si estás logueado con tu cuenta de Google, el botón te lleva directamente a una pasarela de pago con tarjeta. El otro día pagué un dominio con Checkout y es lo más directo que conozco.
    El problema es que no se puede simultanear PayPal y Checkout, porque se trata de la misma variable de configuración. La puedes encontrar en la parte de código dónde se configura la divisa y otras cosas. En tu caso habría que cambiar la línea...
    simpleCart.checkoutTo = PayPal;
    ...por...
    simpleCart.checkoutTo = GoogleCheckout;
    Y por estética, cambiar la imagen del botón PayPal por otro con Checkout.

    ResponderEliminar
  78. Mi consulta es la siguiente: Tengo una plantilla llamada Blogger Store, se encuentra en Btemplates por las dudas te dejo el link AQUI
    El asunto es que no se como ponerle el Precio a los productos... :S
    Agradezco tu ayuda! :)

    ResponderEliminar
  79. El Tano, si esa plantilla usa este script -cosa que no sé seguro- sólo tienes que meter el precio dentro de un SPAN con la clase item_price. Así:

    <span class="item_price">$1,99</span>

    ResponderEliminar
  80. ¡Hola a todos!, en la tienda me sale todo bien, pero cuando añado artículos al carro solo me apare el texto, o sea que no me aparece ni la foto ni las flechas para aumentar la cantidad a pedir ¿cual puede ser el problema? Gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Eso me pasó a mí una vez Rafael, pero sinceramente, hace tanto tiempo que no recuerdo cual fue el problema exacto. Me parece recordar que sólo era cuestión de que algo había puesto mal. Ya sé que no te ayuda mucho esto, pero de verdad que no recuerdo que fue ¿Has copiado exactamente alguno de los ficheros que facilité en esta entrada?

      Eliminar
    2. ¡Gracias!, perdona que tardara en agradecer tu contestación; la verdad es que me pasé a la "Blogger-Store" (publicada en tu Blog) que en principio parecía más compleja, pero que en realidad me va mucho mejor.
      Gracias de nuevo y un saludo.
      Rafael Seo

      Eliminar
    3. Vale, pero que sepas que la Blogger Store usa este script ;)

      Eliminar
  81. Muchas gracias!
    Realmente me ha servido mucho.
    De mis clases de HTML ya no me acuerdo mucho, aun tengo que arreglar muchas cosas para que sea MI Tienda pero para comenzar realmente esta genial.

    De seguro me tendras por aquí haciendo una que otra pregunta.

    Saludos desde Francia =)

    ResponderEliminar
    Respuestas
    1. Claro Lesly, esto es la base. A partir de aquí ya cambias el formato y la presentación como quieras... o puedas ;)

      Eliminar
    2. hihi si sobre todo como pueda porque ya dan más de 8 años que no he utilizado el HTML y de java y otros no tengo la menor idea. En todo caso muchas gracias!

      Bueno ahora si me vengo con una duda espero poder plantearla claramente.

      Resulta que he subido una primera foto de uno de mis articulos para vender. He cambiado el precio la descripción. Pero me he dado cuanta que la imagen es más pequeña que la del modelo que tu nos haz dejado,obviamente porque esta esta hecha a la medida.

      Mi pregnta ahora es
      ¿Con qué tamaño podria o deberia guardar mis fotos para que más o menos encaje en el recuadro destinado para ello?
      O ¿donde puedo cambiar en el script estas medidas para ajustarlas a mi nececidad?

      En fin son dos preguntas =)
      a ver si no te doy mucho la lata con mis preguntas de principiante.

      Besotes desde Francia ;)

      Eliminar
    3. La imagen está limitada por el estilo, o sea, por la parte CSS. Aquí es dónde encuentras ese límite:
      .item_image{
      float:left;
      margin-right:15px;
      max-width:100px;
      }

      Si cambias o eliminas ese max-width, podrás poner las imágenes del tamaño que quieras, pero te aconsejo que siempre uses imágenes del mismo tamaño para que las "estanterías" queden uniformes.

      Eliminar
    4. Gracias,
      he estado tan liado que no he tenido tiempo de ponerme a trabajar en mi blog.

      Muchas gracias por la respuesta.

      besotes =)

      Eliminar
  82. Hola!! Muchas gracias por este post...es realmente útil. Quería hacerte unas preguntas aunque no quiero darte el coñazo claro...

    1.Mira lo primero es que he leido en los comentarios que el botón de Paypal no funcionaba y me pregunto si es verdad, si se ha arreglado o que...

    2.Como las imágenes se ven muy pequeñas y si las agrando se me descojona todo de posición...he pensado que me gustaría que al pulsar sobre ellas se abriese la imagen grande en otra pestaña... ¿cómo puedo hacerlo?

    ResponderEliminar
    Respuestas
    1. Sí que funciona. El que no lo hacía era el de email, pero en estos dos artículos tienes información adicional para conseguir que vaya: 1 - 2.

      Y sobre las imágenes, si tienes Blogger, como solución fácil se me ocurre que le incorpores un enlace a la imagen de tamaño original, igual que el que genera Blogger cuando subimos una imagen a una entrada. De esa manera, cuando pinches en ella el visor ese que tenemos desde hace unos meses (lightbox) hará el trabajo.

      Eliminar
  83. oloblogger,mis saludos.
    Trate de implementar esta plantilla de tienda online y no lo logre,tu puedes hacer una tutoría para instalar esta plantilla ya que la explicación que da el autor tiene muy poca explicación y detalle,pienso que muchos como yo tiene esta inquietud
    Saludos

    ResponderEliminar
    Respuestas
    1. Tengo actualmente algo mejor y es este mismo script, aplicado ya a una plantilla y que además estoy explicando al detalle. Busca en este blog "Blogger Store".

      Eliminar
  84. Oloman, cuando aplico otro producto a la tienda, los tres botónes de vaciar carro, ahorrar en el carro y paypal, se mantienen en el mismo sitio, no se mueven aunque le puse el codigo para otro artículo, puedes ayudarme a revisarlo porfavor? ya busque en los comentarios y namas no encontre nada.

    Esta es la dirección y así aparece mi tienda me podrías ayudar?: http://bit.ly/L46Sqx

    ResponderEliminar
  85. Hola Oloman! Tengo un problema con el favicon ¿como hago para verlo si para colocarlo usé el gadget de blogger? ¿Debo hacerlo desde el html? me dirías como? Gracias!!!

    ResponderEliminar
    Respuestas
    1. Con esto te debería funcionar: Gadget para favicono en Blogger

      Si lo tienes todo bien puede que tengas otro puesto a mano que esté interfiriendo.

      Eliminar
  86. Oloman arregle lo que te habia dicho, el enlace estaba roto pero lo arregle, ahora google chrome me dice que no es segura la página en la que tengo almacenada la tienda: http://key2sex.blogspot.com/p/camiseta-basis-para-crear-un-articulo.html me la niega

    No se que hacer me puedes ayudar?

    ResponderEliminar
  87. Ya no aparece, muchas gracias

    ResponderEliminar
    Respuestas
    1. No hay de qué :) Te iba a decir eso mismo, pero añadiendo que eso no era cuestión del script, sino de cómo Google trata tu página.

      Eliminar
  88. Han desaparecido los botones de añadir, las flechitas de aumentar artículos, etc ¿Se podrían volver a subir?¿me las podrías pasar para subirmelas yo a algún sitio?

    Gracias.

    ResponderEliminar
  89. Muchas gracias pero me has pasado las imagenes de la blogger store y yo me refería a las que salen en la primera imagen de esta entrada: el boton añadir, las flechitas, etc.

    Antes estaban aquí: http://img709.imageshack.us/img709/5008/demospritej.png

    ResponderEliminar
    Respuestas
    1. Si me pasas el demosprite.png sería suficiente

      Muchas gracias.

      Eliminar
    2. ¡Ooops! Es cierto y además yo también perdí el sprite en mi demo. Se conoce que no tuve la precaución de guardarlo en hosting propio. Ahora sí lo suelo hacer, pero aquellos eran otros tiempos.

      He estado buscando pero sólo he encontrado este zip y nada más. Lleva unos PSD que quizás puedas apañar.

      Si lo haces o encuentras un fichero válido te agradecería que me lo pasaras...

      Eliminar
    3. ;)

      http://www.underwires.net/sites/www.underwires.net/squelettes/simplecart/images/demoSprite.png

      Lo pondré a buen recaudo.

      Eliminar
    4. Muchísimas gracias, aunque con lo torpe que soy con las imagenes no se si seré capaz de ponerlo en cristiano, al menos lo tengo en inglés.

      Gracias por todo.

      P.D. Si tu o alguien se decide a convertirlo en el "añadir" le estaría muy agradecido.

      Eliminar
    5. Un millón de gracias, ¡¡¡ eres un crack !!!

      Eliminar
  90. Hola, muchas gracias por la publicación. La explicación quedó genial.

    Al principio tenía unos problemas porque no se añadían los productos al carro, pero, como el usuario de arriba, repetí nuevamente todo y quedó.

    El detalle ahora es que me gustaría cambiar el color de fondo y no sé cómo hacerlo, y... que el botón de añadir no aparece y no sé cómo ponerlo, si puedo agregar un src de una imagen dentro o cómo. Agradecería mucho si pudieras explicármelo.

    Desde ya, gracias por tu aportación :)
    http://lovelynovelas.blogspot.mx/p/tienda.html

    ResponderEliminar
    Respuestas
    1. Visto tu siguiente mensaje contando que ya lo solucionaste ;)

      Eliminar
  91. Peso chileno, agregar en archivo simplecart.php, en // Currencies, agregar esta linea.

    "CLP": { code: "CLP", symbol: "$", name: "Peso Chileno",accuracy: 0,after: false }

    dxfactorzone[@]gmail[.]com

    ResponderEliminar
    Respuestas
    1. ¿Incluyó esa moneda PayPal o se trata de un código extra que permite trabajar con ella? Y lo segundo ¿lo probaste?

      Eliminar
  92. No uso Paypal estimado, las implementaciones que he hecho no lo usan.

    ResponderEliminar
  93. Puedes actualizar este post? Es que he seguido todos los pasos y tiene imagenes caidas y no funcionan los botos. La plantilla de Blogger Store no me gusta. Prefiero esta porque la puedo integran dentro un blog que ya tengo por medio de las paginas estaticas.
    soy muy novato en esto, espero que me puedas ayudar.

    ResponderEliminar
    Respuestas
    1. No exageremos ;) Sólo había una imagen caída y era irrelevante porque mostraba una camiseta.

      Sobre lo de actualizar el post, no sabría cómo hacerlo. Si aquí explico paso a paso y doy el código sólo para copiar y pegar, de verdad que no se me ocurre otra manera de redactar. Inténtalo de nuevo y si tienes un problema concreto lo vemos. Y con verlo quiero decir eso, que necesitaría ver la página montada aunque fuera con el fallo. Así es más fácil averiguar el problema.

      Eliminar
  94. no puedo ver el boton añadir sabeis q puedo hacer?

    ResponderEliminar
    Respuestas
    1. No sé cual es la dirección para poder verlo, pero si lo que no ves es la imagen del botón, pero el enlace sí que te sale, es sólo cuestión de cambiar la imagen original que lo forma por otra que alojes tú.

      Eliminar
  95. Hola!
    Gracias por responder todas nuestras dudas. Me preguntaba si puedes recomendarme un botón de pago idónea para mi tienda virtual. He visto 3 opciones, Pago Master, Dinero Mail y Pay Pal. Espero tus observaciones.
    Mil gracias.

    ResponderEliminar
    Respuestas
    1. Hola. Sólo conozco PayPal y creo que es el más extendido, así que esa sería mi opción.

      Eliminar
  96. Hola de nuevo. Gracias por tu atención a mi anterior consulta.
    He descubierto un nuevo sistema de pago que se adapta a mi divisa en Nuevos Soles, se llama PAYU y ya tengo cuenta. Tengo el manual de instalación pero entiendo poco. Mira, te transcribo alguito.

    "En este capítulo verá cómo realizar conexiones con la plataforma de PAYU.
    Luego de tener los datos del usuario, puede empezar a realizar conexiones con
    la plataforma de pagos, para ello deberá generar un formulario HTML que
    apunte a la siguiente URL que es nuestro servidor de producción:
    https://gatewaylap.pagosonline.net/
    Cada vez que se realiza una conexión se deben enviar algunos datos por método POST al
    sistema de PAYU. Los datos mínimos de envío son:
    CAMPO TIPO TAMAÑO DESCRIPCIÓN
    merchantId N 12
    Es el número identificador del comercio en el
    sistema de PAYU, este número lo encontrará
    en el correo de creación de la cuenta..."

    Hay como 50 datos o más. Sé algo de HTML y código CSS, pero no me caería mal tu ayuda. Agradeceré enormemente me respondas este mensaje.

    ResponderEliminar
    Respuestas
    1. No sé cómo funciona esa plataforma de pagos, pero es posible que con una pequeña modificación en el fichero simplecart.js te funciona, pues por lo vi sólo se trata de enviar un formulario.

      El cambio sería sustituir dónde pone...
      form.action = me.sandbox ? "https://www.sandbox.paypal.com/cgi-bin/webscr" : "https://www.paypal.com/cgi-bin/webscr";

      por form.action = me.sandbox ? "https://gatewaylap.pagosonline.net/" : "https://gatewaylap.pagosonline.net/";

      No tengo ni idea de si funcionará, pero por probar no pierdes nada.

      Eliminar
  97. Gracias estimado Oloman, voy a probar lo que dices.
    Por otro lado, me gustaría que me des unos alcances sobre cómo borrar el footer de blogger templates "con la tecnología blogger".
    Espero me puedas responder, saludos.

    ResponderEliminar
    Respuestas
    1. Sólo añade a tu CSS esto:
      .Attribution {display:none; height:0; widht:0;}

      Eliminar
  98. Gracias, también quisiera quitar "Powered by Blogger". Me podrías decir cómo? Disculpa las molestias. Saludos.

    ResponderEliminar
    Respuestas
    1. Perdón... Eso suele ser un gadget, por lo que tendrías que localizar su ubicación desde la sección "Diseño" y eliminarlo

      Eliminar
  99. hey que onda bueno yo instale el script en mi blog peron y funciona de maravilla en safari incluso en explorer funciona bien en firefox no eh probado pero en chrome simplemente no funciona mira http://crativeblogs236.blogspot.com espero puedas ayudarme a encontrar el problema jaja un saludo y gracias por este extraordinario aporte

    ResponderEliminar
    Respuestas
    1. Lo acabo de comprobar con Chrome y el carro funciona perfectamente. Me compré una camiseta de las mías :)

      Eliminar
  100. si no se que sucedia ami tambn me funciona de nuevo jaja gracias

    ResponderEliminar
  101. Hola Oloman es la 1ra vez q te escribo , estoy montando mi tienda y son unas 3 cositas q quiero preguntar:
    1- quisiera poner 3 fotos en cada columna,ya se de q parte script puedo cambiar las medidas para ajustarlas a mi nececidad? lo q no se hacer es achicar el espacio entre foto y foto. Me explico? el espacio q queda en el medio entre una foto y otra. creo q si lo achico, podrian entrarme unas 3 en cada columna.
    2- si pasas x mi pag http://kskbelesdelunaexclusivo.blogspot.com.ar vas a ver q en la parte del carrito (q funciona perfecto),incluso el boton de envio por mail. hay un problema, se abren 3 botones, el de vaciar carro, el de envio por mail y un 3ro en blanco. como lo quito, ya q no voy a poner el pago por paypal en el blog.
    Y 3- al lado del precio de los articulos, el boton de comprar o añadir al carro, funciona, pero se encuentra en blanco. Como lo soluciono? - quien entra a la pag no sabe para q sirve.
    Bueno mil gracias por estar ahi siempre para todos, no sabes cuanto nos ayudas. Ah!! como tengo IE obvio no funciona el slider... hay solucion?
    Gracias amigo!

    ResponderEliminar
  102. Aca estoy otra vez, desesperada, no sé q modifiqué en la pag q se me descolocaron todas las fotos q habia subido. es un desastre ahora!!! Helpppppp

    ResponderEliminar
    Respuestas
    1. Hola. Como no llevas casi nada modificado, reinstala la plantilla. No te preocupes por los artículos, que eso no se pierde. Ya de paso, sube mejor la plantilla ya modificada. Está en el último enlace de la serie que hay al final de este post.

      Eliminar
  103. Hola Oloman, muchas gracias por todos tus consejos. Mi tienda funciona bien, pero lo que me ocurre es que en la entrada, antes de la descripción, cuando pongo la url de la imagen para que se vea en el carrito, me aparece todo el código. Ocurre lo mismo con tu ejemplo que ya lo he probado. Hay alguna manera de ocultarlo?. Gracias de nuevo

    ResponderEliminar
    Respuestas
    1. Tendría que ver eso para decirte exactamente, Carlos, pero si se ve el código es porque faltará algún caracter. No sé, un punto y coma, un cierre /, o algo de ese estilo. Si falta algo el código se toma como texto y se ve como tal, no se interpreta.

      Eliminar
  104. Respuestas
    1. No sé a qué ejemplo te refieres. En este no sale ningún código visible.

      Eliminar
  105. Buenas tardes!
    Primero darte las gracias por todo el trabajo que has hecho con esta plantilla. Segundo gracias también por ser tan paciente con todos nosotros por todas esas preguntas que te hacemos una y otra vez.
    Estoy taaan contenta con el resultado de mis travesuras con esta plantilla que ¡ya llevo tres tiendas! La verdad es que me ha sido súper útil. La primera de las tiendas es un widget en la portada de un blog-página oficial de un dj donde se vende su música (www.lorenzoaldino.com). La segunda es una página estática en un blog-página oficial de una discográfica donde también se venden cds (www.royalplastic.co.uk). Por medio de links el comprador puede escuchar y también comprar las canciones online. La tercera es la otra versión de simplecart en plantilla completa que he usado para una tienda de artículos vintage (www.vintageandotherthings.com).
    Todas funcionando ¡Y cada día mejorando un poco la estética!

    Lo que ahora me preocupa es la nueva política de cookies de la Unión Europea. Revisando tus posts en busca de información (antes de ser otra pesada que escribe con preguntas tontas) pero la verdad es que no he encontrado nada. Quiero decir, sé que este sistema usa cookies pero no sé qué tipo ni cómo especificarlo en las páginas arriba citadas.
    Espero puedas ayudarme.
    Muchísimas gracias otra vez.

    ResponderEliminar
    Respuestas
    1. Son cookies "técnicas", necesarias para el uso que el visitante hace del sitio (guardar su pedido) y que no recopilan datos personales ni de navegación. Hay también otra cookie que recuerda si estás viendo la tienda en modo Detalle o Grid. Esta última es de "personalización".
      Hasta ahí sé ;)

      Eliminar
  106. Hola Oloman, gracias por el post. intento aprender a crear una tienda, pero no me sale AÑADIR.
    Esta es la página de prueba, no sé qué he hecho mal
    http://tiendaprueba12.blogspot.com.es/p/tienda-1_22.html

    ResponderEliminar
    Respuestas
    1. Hola Javier. La imagen que usas (http://img709.imageshack.us/img709/5008/demospritej.png) ha sido borrada de su alojamiento y por eso no ves nada, pero el botón está ahí. Simplemente quita el text-indent en el siguiente CSS que tienes y aparecerá el texto:
      .item_add {
      width: 85px;
      height: 25px;
      text-indent: -9999px;
      overflow: hidden;
      background: url(http://img709.imageshack.us/img709/5008/demospritej.png) 0 -21px;
      float: right;
      margin: 4px 30px 0px 0px;
      }

      Ese es el problema, así que cambia la imagen o deja sólo el texto y listo.

      Eliminar
  107. Hola amigo ¿como hiciste para conseguir que el simbolo del euro se colocara a la derecha del precio? Gracias

    ResponderEliminar
    Respuestas
    1. Pues simplemente lo escribí así en el post. Luego en los totales ya te saldrá el formato inglés, pero en la redacción del artículo lo puedes poner tal cual.

      Eliminar
  108. Hola hacia tiempo que no comentaba por aqui, bueno queria implementar esta tienda en mi blog pero antes lo he hecho en uno de pruebas y me he dado cuenta que el codigo que tienes de este enlace http://docs.google.com/Doc?docid=0AdzEI6cl1Hv6ZDQzNGs1aF8xMGM1bWcyNDdn&hl=en tiene todas las imagenes caidas y no funciona como la demo, lo puedes mirar?.
    Gracias ;)

    ResponderEliminar
    Respuestas
    1. Es un bendito este Imageshack... :(
      Creo que sólo son flechitas y botones Xisco, así que las puedes sacar de esta otra demo: http://oloblogger-bloggerstore.blogspot.com.es/p/compruebe-su-carro.html

      Eliminar
    2. He estado mirando y no acabo de encontrar esas dichosas imagenes, ni como hacerlo, la idea de añadir la pagina me gusta mas que tener que crear una tienda online, pero estoy bloqueado :(

      Eliminar
    3. Usa el inspector de tu navegador sobre cada imagen y en CSS verás que aparecen como BACKGROUND. De ahí puedes tomar las direcciones que necesites.

      Eliminar
  109. ¿Microtienda online con blogger?


    ¿Alguien sabe como hacer lo siguiente?, perdonad mi ignorancia sino, es usar sólo el simplecart en un Gadget lateral de mi blog como carrito de la compra (redireccionando el pago a paypal) con ciertos criterios en los gastos de envío y añadir botones add to cart algunos con desplegables para tallas y colores en algunas entradas de las cuales expongo camisetas que vendo en eBay y así poder ofrecer la venta por ambos lados.
    Las condiciones en los gastos de envío serían
    8€ hasta 2 camisetas para Europa
    8€ cada sudadera para Europa
    4€ hasta 2 camisetas para españa
    4€ cada sudadera para españa
    Y en los botones add to cart sería ideal poder administrar el stock (para cuando se agote un artículo no se pueda añadir al carro hasta que yo pueda reponer)


    Gracias

    ResponderEliminar
    Respuestas
    1. Hola. Dices de poner el carro de compras en la barra lateral del blog. Eso es prácticamente lo mismo que explico aquí, así que lo más fácil es que pruebes a seguir el tutorial.
      Mejor hazlo en un blog de pruebas y luego ya trasteas para dejarlo exactamente como quieres antes de pasarlo al sitio definitivo.

      Eliminar
  110. Hola Olo, mi problema he actualizado el archivo .js porque cuando había más de 3 no funcionaba ( ahora versión 2012), porque cambiando de 4000 a 2000,( versión tuya 2011,...) seguía sin funcionar, ahora eso anda bien pero el carrito está en inglés y las imagenes no aparecen...ni el correo,imagino que el java de la plantilla no se enlaza..., lo he borrado y vuelto a poner pero no "engancha", no sé como hacerlo, no se donde ir a configurarlo. gracias

    ResponderEliminar
    Respuestas
    1. Eva, hace siglos que no me curro esta plantilla y no recuerdo los detalles, pero es que la versión nueva no la he visto nunca.
      Supongo que todo eso que dices de 4000 y 2000 es referente al parámetro de las cookies, pero tampoco lo sé seguro.
      Si quieres te puedes dar una vuelta por varios posts que escribí sobre una plantilla que usa este JavaScript y en los que fui dando soluciones a algunos problemas comunes. El primero empieza aquí.

      Eliminar
  111. Buscando la forma de hacer responsive la plantilla store encontré la forma, pero claro la más sencilla que ví y es dandole los % a los anchos de los contenedores, no quería tanto jaleo con los @media, así terminé haciendo un apaño de plantilla store, es funcional la tienda, pero claro que despues de terminada, decidí quitarle todos los <scrips de java ya que realmente no les voy a dar uso, los que quieran la plantilla se las puedo pasar con gusto, pueden ver un poco el resultado en: http://tiendakangutingo.blogspot.com/

    ResponderEliminar
  112. Hola Oloman!
    Estoy queriendo armar una tienda on-line para mis productos de yoga. Quise usar el scrip de simplecart y no me sale nada.
    Queria un carrito de compras y contacto via mail...Si me podes enviar u orientar muuuuuuuy agradecido!
    Abrazo desde argentina!

    ResponderEliminar
  113. Buenas noches, puedo pagar con Payu ? es que vel que solo da la opción con paypal. Gracias

    ResponderEliminar
    Respuestas
    1. Buenas Serbruhs.

      El código que comento en este post es antiguo y no viene preparado para Payu. Las versiones más modernas no estoy seguro, así que no sabría indicarte con seguridad.

      Eliminar