Syndicate

Feed
Home

Testing Shopify add to cart functionality from another website while staying put

Tuesday, 21 Dec 2010 — Caroline Schnapp

This is a plain demo of what's explained over here.

Add to Cart form

You wanna buy a bag to carry around your junk, and give me an opportunity to buy more junk for myself?



BUY AN AWFUL BAG NOW (while quantities last)

Cart Content in an iframe

Checkout

More Info Please

Adding to the Cart from a remote website

Last edited by Caroline Schnapp about 2 years ago.

31221 reads

Comments

Tue, 2009-06-30 15:56 — bsmirnov

question

Thank you for this. This is a really cool trick and exactly what I have been looking for, cannot believe I have not noticed this before.

I am trying to make alternative store front with php/json and shopify rest api. And this definately gets me closer to where I want to be.

I got one questions. How come it does not go to cart page after form is submitted ? That is when I do that on my page and click submit the products are added to the cart and I am sent to the cart page, it does not happen in your case.

Wed, 2009-07-01 07:09 — Caroline Schnapp

Using return_to=back

How come it does not go to cart page after form is submitted ?

Because of this:

<input type="hidden" value="back" name="return_to" />
Sat, 2012-10-20 02:16 — russalwer (not verified)

Eventually a well produced

Eventually a well produced and unified submit that’s really about the subject I am enthusiastic about. Excellent read, I just passed this onto a colleague who was doing a little research with this topic. And he actually bought me lunch because I ran across it for him. I really should thanks for the free lunch I obtained.
Share It

Fri, 2013-02-15 09:17 — Fly by night (not verified)

g6umg67h78,o8ju,

Committee on how the rights are being implemented. States must report initially one year after acceding to the Convention and then every four years
Company Search

Mon, 2013-03-18 08:44 — Fly by night (not verified)

I get a lot of great

I get a lot of great information here and this is what I am searching for. Thank you for your sharing. I have bookmark this page for my future reference.

Thanks again once more.
Best Juicer for Leafy Greens

Thu, 2013-05-02 03:07 — Kaushalk260 (not verified)

why bookmarks?

www.how2seobacklinks.com Top 10 Most Anticipated iPhone Games give us much delight. So we may also consider this. We can like much outstanding opportunity to play the previously stated recreations. Decent webpage like article thankful I feel blessed to request this online destinations. I verifiably esteem you.

Sat, 2013-04-20 04:16 — Fly by night (not verified)

I just passed this onto a

I just passed this onto a colleague who was doing a little research with this topic. And he actually bought me lunch because I ran across it for him. I really should thanks for the free lunch I obtained. http://e-papierosy.weebly.com/
e-papierosy

Fri, 2010-01-08 05:18 — Mike Hogan (not verified)

more declarative option possible?

Hi Caroline, thanks for this.

Is there an option to make a call to shopify, passing a product permalink and sku (say), and it have it return the standard shopify html where you select a variant, and press the submit button? The entire form in other words, like this:

<form action="/cart/add" method="post">
 
  <div id="product-variants">
    <div id="price-field">£3.00 GBP
    </div>
 
    <div class="selector-wrapper">
      <select id="product-select-option-0" class="single-option-selector">
        <option value="1024x768">1024x768
        </option>
      </select>
    </div>
    <select style="display: none;" id="product-select" name="id">
 
      <option value="29928632">1024x768 - £3.00
      </option>
 
    </select>
 
  </div>
 
  <input class="" src="http://cdn.shopify.com/s/files/1/0031/8302/assets/purchase.png?1261150992" name="add" value="Purchase" id="purchase" type="image">
</form>

I'd prefer to do this - work with logical names like the permalink and the sku - than work with id's. It worries me from a maintenance point of view.

Thanks for your help Caroline.
Mike.

Sat, 2010-01-09 14:01 — Caroline Schnapp

There's a way, yes.

It's worth creating a tutorial for this. Give me a week to put it together.

Hint: you will need to use {% layout none %} in a special template in your Shopify's admin, while using PHP (or Ruby) to include the HTML on your page on that website of yours that's not hosted on Shopify.

Tue, 2013-04-02 22:41 — Jaket Bola Original (not verified)

This website is so cool and

This website is so cool and full of useful information. Keep sharing and I will always support this website.
Jaket Bola Original

Wed, 2012-05-09 00:27 — John Smith Miller (not verified)

Great work.

This article is well thought out and full of good information. Many Thanks for taking time to bring this together into one article.

Electric Showers | Cots | Electric Golf Trolleys | Travel Cots

Thu, 2012-05-10 10:49 — Johanna (not verified)

My shop is live

That's exactly what it looks now in my shop, thank you for the detailed walk-through! swingerclub

Mon, 2012-06-04 03:34 — Aamit (not verified)

Interesting things or tips!

Substantially, I’ve read like this awesome news and if I could I wish to suggest you some concerning things or tips in other manner. May be you can write next post referring to this title.
Manali Honeymoon Tour Packages | Manali Family Packages

Mon, 2012-06-04 10:32 — Jackson (not verified)

Add to Cart Form

That form looks great and is easy to implement I must say. telefonkonferenz

Fri, 2012-06-22 07:01 — akhilesh (not verified)

how did you call the number

how did you call the number of cart items in the iframe? plz explain as i am really stuck in this

Fri, 2012-08-10 12:56 — CNA (not verified)

Re:

This awful bag isn't so awful :)

Fri, 2013-01-18 08:32 — Jonny San (not verified)

Chcesz poznac dobre teksty

Chcesz poznac dobre teksty na podryw? Sprawdz linka na tej witrynie klikajac tutaj.

Thu, 2012-08-16 16:15 — ChrisS (not verified)

Creating data for inclusion in iframe

Can you explain how to create the cart page that is called in the iframe? http://11heavens.myshopify.com/pages/cart shows the data and I understand (pretty much :) how it's being rendered in an iframe, but how is the source generated... and is there a better way to get that data and render it?

Thu, 2012-08-16 16:20 — Elsbeth Zullo (not verified)

Shopify

Shopify is great. Thanks for this tutorial! solaranlagen kaufen haus

Sun, 2012-09-09 20:10 — Fly by night (not verified)

http://www.tods-australia.com

http://www.tods-australia.com/
http://www.tods-shoesoutlet.net/
http://www.redbottom-shoesonline.com/

http://www.fendioutlet-handbagsoutlet.org

Mon, 2012-09-24 22:35 — Independent Financial Advisor Norwich (not verified)

cart functionality and humor

Thank you for a useful tutorial with some 'simple-to-follow' instructions and not too many 'techie' details - appreciated.
Also, you clearly have a highly developed sense of humour ;-)
'You wanna buy a bag to carry around your junk, and give me an opportunity to buy more junk for myself?' is a 'classic' and I do hope you had some positive responses.

Independent Financial Advisor Norwich

Sun, 2012-11-11 13:48 — Notfall Zahnarzt Luzern (not verified)

Clear and easy

Clear and easy, even I understand it now! Thanks

Fri, 2012-11-30 06:11 — Power cable suppliers (not verified)

Compaq International is

Compaq International is committed to provide the highest quality power cable accessories. The company with it's ShrinkFit trademark stands leader in India and overseas market.

Sun, 2012-12-30 23:46 — nike777 (not verified)

Try proof reading a couple

Try proof reading a couple of times before publishing. Keep writing though.This is like my third time visiting your Blog. You should write more please, this information will help me and others.
www.rswtpa.com

Thu, 2013-01-03 18:46 — focus group (not verified)

After research a couple of

After research a couple of of the blog posts in your web site now, and I actually like your method of blogging. I bookmarked it to my bookmark website record and will likely be checking again soon. Pls try my web site as nicely and let me know what you think.

Fri, 2013-01-11 15:01 — steel roof trusses perth (not verified)

This looks absolutely

This looks absolutely perfect, Really its remarkable. You have some great content but are getting lots of none relevant comments here too. I really like in a site, very informative, no waste of time on reading.

Thu, 2013-01-24 09:21 — custom writings (not verified)

custom writings

'You want to buy a bag to carry around your scrap, and give me a chance to buy more junk for myself? "Is the 'classic' and I do not hope you have some positive responses.
custom writings

Thu, 2013-01-24 14:45 — essay services (not verified)

essay services

What do you have in CSS, Lynda? Nothing much, n'est-ce-pas? Apart from Adobe stuff and other stuff that's just too plain
essay services

Thu, 2013-01-24 15:24 — essay services (not verified)

essay services

I want to buy a bag to carry around your scrap, and give me a chance to buy more junk for myself? "Is" classic "and I do not hope to have some positive responses.
essay services

Wed, 2013-03-13 20:24 — danman (not verified)

i agree with you paul, this

i agree with you paul, this was indeed a great article submission with lots of useful information. but the real questions is does ageless male work or is it a scam? i hope i get the answers i need

Thu, 2013-03-21 08:52 — budapest private guide (not verified)

not enough good

There are many problem with it, you have to fix a lot of problem. I don't like this beta-sh*t programs-.- let's develop man!!

Tue, 2013-04-16 21:21 — Jordan 11 Bred Price (not verified)

Great post!

This looks absolutely perfect, Really its remarkable. You have some great content but are getting lots of none relevant comments here too. I really like in a site, very informative, no waste of time on reading.

Thu, 2013-04-18 04:34 — wendylow (not verified)

excellent post

Great blog. hope to read more from author. Hedges Park Condo, Topiary EC, Twin Fountains Woodlands

Sat, 2013-04-20 04:08 — Fly by night (not verified)

I got one questions. How

I got one questions. How come it does not go to cart page after form is submitted ? That is when I do that on my page and click submit the products are added to the cart and I am sent to the cart page, it does not happen in your case. http://e-papierosy.weebly.com/ e-papierosy

Sun, 2013-04-21 22:38 — wendylow (not verified)

excellent

Great blog. hope to read more from author. Hedges Park Condo, Topiary EC, Twin Fountains Woodlands

Mon, 2013-05-06 08:28 — matthew woods (not verified)

I personally took pleasure

I personally took pleasure in digesting the situation, you can be a terrific person responsible.Irrrll double check that I bookmarking your web site that will get back later on.
Karen Millen Outlet UK

Mon, 2013-05-13 22:40 — J Gateway (not verified)

J Gateway is also near elite

J Gateway is also near elite schools such as Fuhua Primary School and St Anthony Primary School. Yuhua Primary School and Shuqun Secondary School are also around in the area.
J Gateway

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <css> <html> <javascript> <mysql> <php> <span> <a> <b> <i> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <sup> <sub> <dd> <del> <blockquote> <img> <q> <p> <div>
  • Lines and paragraphs break automatically.
  • You can enable syntax highlighting of source code with the following tags: <css>, <html>, <javascript>, <mysql>, <php>, <rails>, <ruby>.

More information about formatting options

CAPTCHA
I have to wonder if you're a human spammer or a machine, or less likely someone who cares to leave his or her thoughts behind.