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/prints-and-products

1. Have a premium membersship. 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

5 thoughts on “Pixels / Fine Art America adding widgets showing category first

  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!

Leave a Reply

Your email address will not be published. Required fields are marked *