Pixels / Fine Art America adding widgets showing category first
|
Getting your Trinity Audio player ready...
|
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
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! 🙂
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!
Thanks Abbie. Great instructions, but, I still see all that code and think eeeeekkk!
Haha just one line is the bit to think about
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.