• Wed. Jun 25th, 2025

Pixels / Fine Art America adding widgets showing category first

ByAbbie

Jun 18, 2019

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

By Abbie

Manager + on large art site Pixels.com Site owner and painter of oils and watercolours. Love digital art and by extension now AI Published author and hardcase treehugger. All opinions are my own. Personal site is at https://abbie-shores.com

0 0 votes
Article Rating
Subscribe
Notify of
5 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Felipe Adan Lerma
19/06/2019 03:26

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

Karin McCombe jones
19/06/2019 20:59

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

Jill Love
07/08/2019 12:19

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.

5
0
Would love your thoughts, please comment.x
()
x
Our Arts Magazine
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.