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. Click that link to open it up

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

Abbie Shores (208)

Site Owner • Community Manager • Artist • Authoress • Autistic • Lover of Wolves, Woods, and Wild Places

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! 🙂

  2. Abbie

    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!

  3. Abbie

    Haha just one line is the bit to think about

  4. Jill Love

    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.

Leave a Reply