Pixels / Fine Art America adding widgets showing category first

With a premium membership on Pixels / Fine Art America you may add a shopping cart widget to your own site. However it is only Images first and often people prefer to show a category, or product type first

Here is how I got around that to show my framed paintings category first on my own personal site https://abbie-shores.com/index.php/prints-and-images/

1. Have a premium membership. Here is the membership plan page https://fineartamerica.com/membershipplans.html
2. Go to the Premium Features area in your Behind the Scenes
3. Copy the code and place in notepad.

<script type=’text/javascript’ src=’https://fineartamerica.com/widgetshoppingcart/widgetscripts.php’></script>
<iframe id=’pixelsshoppingcartiframe’ src=’https://fineartamerica.com/widgetshoppingcart/artwork.html?memberidtype=artistid&memberid=15153&domainid=0&showheader=0&height=600&autoheight=true‘ style=’display: inline-block; width: 100%; height: 820px; border: none; overflow: hidden;’></iframe>

4. See the link code (in red above) and copy that, placing it in your browser address bar
5.  That takes you to the base page you are placing on your own website
6.  Choose the products, or whatever you wish to show first.

7. Copy that address you now have in the address bar.

So it will be something like

https://fineartamerica.com/widgetshoppingcart/artwork.html?memberidtype=artistid&memberid=15153&domainid=0&showheader=0&sessionid=000000000000&flagwidget=true&widgettype=standard&product=metal+prints&tag=all&medium=all&galleryname=complete+collection+of+paintings

8.  Remove the session ID from & through to the last number and before, and not including the next &
9.  Paste that new link onto your notepad, replacing what you had copied

So now your notepad will say similar to this

<script type=’text/javascript’ src=’https://fineartamerica.com/widgetshoppingcart/widgetscripts.php’></script>
<iframe id=’pixelsshoppingcartiframe’ src=’https://fineartamerica.com/widgetshoppingcart/artwork.html?memberidtype=artistid&memberid=15153&domainid=0&showheader=0&flagwidget=true&widgettype=standard&product=metal+prints&tag=all&medium=all&galleryname=complete+collection+of+paintings‘ style=’display: inline-block; width: 100%; height: 820px; border: none; overflow: hidden;’></iframe>

10. Copy this whole code into your new HTML page on your website

I hope that helps

Please follow and like us:
0
fb-share-icon0
3k
Pin Share20

5 Comments

  1. Wow, very complicated yet very cleanly laid out! Thank you, Abbie! Am bookmarking this since I can’t do this yet but definitely need to know how! Yeah, I often debate between Categories or Images first, but have leaned toward Categories for awhile 🙂 Am tweeting! 🙂

    1. Many thanks for the tweet! It is easy once you get started. I got confused looking through the code but it is really just swapping out a link and you are done!

  2. Thanks Abbie. Great instructions, but, I still see all that code and think eeeeekkk!

  3. I’ve had a crazy summer. Gone a lot. But when I get home I’m seriously going to look at my new site. Thank you.

Comments are closed.