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.
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>
<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.
Y muchos más artículos interesantes si nos sigues en...
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^^
ResponderEliminarHola 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:
ResponderEliminarhttp://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.
Man eres extraordinario... muy bueno el tema de las cookies, y sobre todo el ingenio para crear este script. Saludos...
ResponderEliminarMorgana. Espero que no sean muchas porque si no, tendrás que montar un secondhand.com y olvidarte de Blogger :)
ResponderEliminarIsabel, 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 == "static_page"'>
<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.
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.
ResponderEliminarAhora 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
Casi de la misma manera, pero es necesario ocultar esos elementos sin ensanchar nada.
ResponderEliminarEl 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.
Ok muchas gracias ;)
ResponderEliminarMuy bueno el post, eso de poder prescindir de las base de datos me gustó. Voy a intentar instalarlas ahora.
ResponderEliminarPREGUNTA...
ResponderEliminarTENGO 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 ???
Hola Pablo. Te ha quedado fantástico.
ResponderEliminarEn 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.
holaestoy haciendo pruebas, y no consigo hacer que me mande un email en lugar del metodo paypal.
ResponderEliminarlo 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?
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.
ResponderEliminarAmigo, llevo varios días tratando de modificar algo de este tema y no me sale. A ver si puedes ayudarme.
ResponderEliminarLo 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
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.
ResponderEliminarMe 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.
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.
ResponderEliminar¿Has conseguido tú algo por tu parte?
¡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.
ResponderEliminarLe he incorporado contenido a esa función para que haga lo que quieres.
Saludos.
exclente...muchas gracias, esta super bueno y didactico.
ResponderEliminarHola, excelente post!!!
ResponderEliminarTe 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
Hola Andrés.
ResponderEliminarPara 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.
Este comentario ha sido eliminado por el autor.
ResponderEliminarDisculpa Oloman, leí que me dijiste que el blog solo admitía a lectores invitados.
ResponderEliminarMe gustaría consultarte una duda con respecto a este post.
Un saludo.
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?
ResponderEliminarHola quisiera saber en que parte le indico el email al que quiero que llegue mi pedido gracias
ResponderEliminarEste 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.
ResponderEliminarMuy 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.
ResponderEliminarDesde 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.
ResponderEliminarHola, 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.
ResponderEliminarMascotas, 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
ResponderEliminarEl 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
ResponderEliminarEstoy 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?
ResponderEliminarGracias por tu atención.
Disculpa he olvidado darte el enlace donde lo he instalado, es una plantilla de pruebas identica a la original:
ResponderEliminarhttp://pruevascanastilla.blogspot.com/
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.
ResponderEliminarEsto quiere decir que algo anda mal por ahí. Prueba a borrar todo lo que pusiste y a comenzar desde el principio
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
ResponderEliminar"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."
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?
ResponderEliminarcomo puedo poner las fotos de los articulos me ace falta ayuda gracias
ResponderEliminarDel trozo de código visible en esta entrada, esta es la parte que muestra la imagen, Club Emporda:
ResponderEliminar<img src="http://img85.imageshack.us/img85/8136/tshirt1x.jpg" alt="Camiseta AA" title="Camiseta AA" class="item_image" />
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
ResponderEliminarDel 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
ResponderEliminarHola 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/
ResponderEliminarPero no sé como cambiar las fotos porque lo que quiero es poner fotos hechas por mi.
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 ;)
ResponderEliminarMuy 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
ResponderEliminarAloe 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.
ResponderEliminarAh, 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".
ResponderEliminarMuchas gracias Oloman. Tengo 2 preguntas mas:
ResponderEliminar1.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
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:
ResponderEliminar1ª 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
Aloe Vera
ResponderEliminar1. 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
Entre Hilos Y Costuras
ResponderEliminar1º 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.
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
ResponderEliminarLo 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.
ResponderEliminarSobre 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.
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
ResponderEliminarOloman, extraordinario post.
ResponderEliminarMe 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
Valentina, no sé qué ocurre con el peso chileno, pero en esta lista de PayPal no aparece: http://goo.gl/7fyTT
ResponderEliminarQuizá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.
Hola, por favor ayuda, cambie el currency a USD pero no funciona. Sigue apareciendo como Euro. :( Me puedes dar alguna indicación?
ResponderEliminarmfmartinez, 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.
ResponderEliminarBuenas 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
ResponderEliminarDisculpa, 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
ResponderEliminarHola, 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
ResponderEliminarEnlace 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.
ResponderEliminarSobre 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.
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.
ResponderEliminarSigue así.
¡Saludos!
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.
ResponderEliminarGracias por todo, es un superpost
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.
ResponderEliminarCon respecto a la cuenta de PayPal, sí, es la que el usuario tenga con ese servicio. En tu caso, la de tu correo.
genial! probaremos a ver que tal queda la tiendita. eternamente agradecido, en serio
ResponderEliminarOtra 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?
ResponderEliminarGracias por todo
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?
ResponderEliminarmuchas gracias por compartir esta información
Se me olvidaba, ¿donde se incluye la dirección de envío de los artículos a enviar?
ResponderEliminargracias de nuevo
he repetido la instrucciones y ya funciona, todo correcto, muy muy bueno, gracias
ResponderEliminarHola 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:
ResponderEliminarEl 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
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?
ResponderEliminarMuchas gracias.
Un saludo.
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/
ResponderEliminaralgo estoy haciendo masl? pues copie todo tal como esta. Estare pendiente de la respuesta, Gracias y Recibe un abrazo
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
ResponderEliminarHola 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
ResponderEliminary 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
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.
ResponderEliminarPruebas 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.
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.
ResponderEliminarSi 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.
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 ...
ResponderEliminarGracias por la ayuda
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.
ResponderEliminarGracias por todo, a ver si puedo implementarlo, ya que me sería de muy gran ayuda.
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!
ResponderEliminarTengo 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!
Buenas tardes,
ResponderEliminarTal 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.
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?
ResponderEliminarEscuela 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.
Mi consulta es la siguiente: Tengo una plantilla llamada Blogger Store, se encuentra en Btemplates por las dudas te dejo el link AQUI
ResponderEliminarEl asunto es que no se como ponerle el Precio a los productos... :S
Agradezco tu ayuda! :)
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í:
ResponderEliminar<span class="item_price">$1,99</span>
¡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.
ResponderEliminarEso 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¡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.
EliminarGracias de nuevo y un saludo.
Rafael Seo
Vale, pero que sepas que la Blogger Store usa este script ;)
EliminarMuchas gracias!
ResponderEliminarRealmente 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 =)
Claro Lesly, esto es la base. A partir de aquí ya cambias el formato y la presentación como quieras... o puedas ;)
Eliminarhihi 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!
EliminarBueno 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 ;)
La imagen está limitada por el estilo, o sea, por la parte CSS. Aquí es dónde encuentras ese límite:
Eliminar.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.
Gracias,
Eliminarhe estado tan liado que no he tenido tiempo de ponerme a trabajar en mi blog.
Muchas gracias por la respuesta.
besotes =)
Hola!! Muchas gracias por este post...es realmente útil. Quería hacerte unas preguntas aunque no quiero darte el coñazo claro...
ResponderEliminar1.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?
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.
EliminarY 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.
oloblogger,mis saludos.
ResponderEliminarTrate 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
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".
EliminarOloman, 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.
ResponderEliminarEsta es la dirección y así aparece mi tienda me podrías ayudar?: http://bit.ly/L46Sqx
El enlace no funciona...
EliminarHola 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!!!
ResponderEliminarCon esto te debería funcionar: Gadget para favicono en Blogger
EliminarSi lo tienes todo bien puede que tengas otro puesto a mano que esté interfiriendo.
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
ResponderEliminarNo se que hacer me puedes ayudar?
Ya no aparece, muchas gracias
ResponderEliminarNo 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.
EliminarHan 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?
ResponderEliminarGracias.
Ahí van: Descargar
EliminarMuchas 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.
ResponderEliminarAntes estaban aquí: http://img709.imageshack.us/img709/5008/demospritej.png
Si me pasas el demosprite.png sería suficiente
EliminarMuchas gracias.
¡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.
EliminarHe 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...
;)
Eliminarhttp://www.underwires.net/sites/www.underwires.net/squelettes/simplecart/images/demoSprite.png
Lo pondré a buen recaudo.
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.
EliminarGracias por todo.
P.D. Si tu o alguien se decide a convertirlo en el "añadir" le estaría muy agradecido.
De nada :D
EliminarDemoSprite Spanish
Un millón de gracias, ¡¡¡ eres un crack !!!
EliminarHola, muchas gracias por la publicación. La explicación quedó genial.
ResponderEliminarAl 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
Visto tu siguiente mensaje contando que ya lo solucionaste ;)
EliminarPeso chileno, agregar en archivo simplecart.php, en // Currencies, agregar esta linea.
ResponderEliminar"CLP": { code: "CLP", symbol: "$", name: "Peso Chileno",accuracy: 0,after: false }
dxfactorzone[@]gmail[.]com
¿Incluyó esa moneda PayPal o se trata de un código extra que permite trabajar con ella? Y lo segundo ¿lo probaste?
EliminarNo uso Paypal estimado, las implementaciones que he hecho no lo usan.
ResponderEliminarPuedes 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.
ResponderEliminarsoy muy novato en esto, espero que me puedas ayudar.
No exageremos ;) Sólo había una imagen caída y era irrelevante porque mostraba una camiseta.
EliminarSobre 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.
no puedo ver el boton añadir sabeis q puedo hacer?
ResponderEliminarNo 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ú.
EliminarHola!
ResponderEliminarGracias 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.
Hola. Sólo conozco PayPal y creo que es el más extendido, así que esa sería mi opción.
EliminarHola de nuevo. Gracias por tu atención a mi anterior consulta.
ResponderEliminarHe 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.
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.
EliminarEl 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.
Gracias estimado Oloman, voy a probar lo que dices.
ResponderEliminarPor 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.
Sólo añade a tu CSS esto:
Eliminar.Attribution {display:none; height:0; widht:0;}
Gracias, también quisiera quitar "Powered by Blogger". Me podrías decir cómo? Disculpa las molestias. Saludos.
ResponderEliminarPerdón... Eso suele ser un gadget, por lo que tendrías que localizar su ubicación desde la sección "Diseño" y eliminarlo
Eliminarhey 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
ResponderEliminarLo acabo de comprobar con Chrome y el carro funciona perfectamente. Me compré una camiseta de las mías :)
Eliminarsi no se que sucedia ami tambn me funciona de nuevo jaja gracias
ResponderEliminarHola Oloman es la 1ra vez q te escribo , estoy montando mi tienda y son unas 3 cositas q quiero preguntar:
ResponderEliminar1- 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!
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
ResponderEliminarHola. 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.
EliminarHola 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
ResponderEliminarTendrí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.
EliminarEs este ejemplo que has puesto
ResponderEliminarNo sé a qué ejemplo te refieres. En este no sale ningún código visible.
EliminarBuenas tardes!
ResponderEliminarPrimero 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.
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".
EliminarHasta ahí sé ;)
Hola Oloman, gracias por el post. intento aprender a crear una tienda, pero no me sale AÑADIR.
ResponderEliminarEsta es la página de prueba, no sé qué he hecho mal
http://tiendaprueba12.blogspot.com.es/p/tienda-1_22.html
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:
Eliminar.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.
Hola amigo ¿como hiciste para conseguir que el simbolo del euro se colocara a la derecha del precio? Gracias
ResponderEliminarPues 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.
EliminarHola 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?.
ResponderEliminarGracias ;)
Es un bendito este Imageshack... :(
EliminarCreo 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
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 :(
EliminarUsa 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¿Microtienda online con blogger?
ResponderEliminar¿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
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.
EliminarMejor hazlo en un blog de pruebas y luego ya trasteas para dejarlo exactamente como quieres antes de pasarlo al sitio definitivo.
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
ResponderEliminarEva, 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.
EliminarSupongo 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í.
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/
ResponderEliminarHola Oloman!
ResponderEliminarEstoy 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!
¿Una orientación?
Eliminar¿Qué tal una guía completa con capítulos y todo? http://www.oloblogger.com/2011/12/plantilla-para-tienda-online-blogger.html
Buenas noches, puedo pagar con Payu ? es que vel que solo da la opción con paypal. Gracias
ResponderEliminarBuenas Serbruhs.
EliminarEl 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.