Most of the sites listed below don't fall into just one category...they've just been placed there for easy reference. You can find beginner through advanced information on many of these sites - go exploring and have fun customizing your shop! Just remember - make a back-up first!

Links Listed in Alphabetical Order

Web Site Editors

1st Page 2000

AceHTML Freeware

Adobe Dreamweaver $$$

Adobe GoLive $$$

Amaya

Arachnophilia

CoffeeCup Free HTML Editor

HTML Kit

Microsoft Frontpage $$$

Mozilla HTML Editor

Netscape Composer

PSPad

SiteSpinner $$$

Taco HTML Edit (Mac)

TextWrangler from Bare Bones Software (Mac)

CSS editors

CSS Stylesheet Editor

CSS Tab Designer v2

EclipseStyle

Simple CSS

Style Assistant (German Site - English Program)

TopStyle Lite (Different Versions Available)

Basic HTML

Basic HTML Tutorial

HTML TUT

Good News Web Designers Association

...in Ten Easy Lessons

Lissa Explains it All

OTC Graphics Helpful Web Design Links

w3schools

Intermediate HTML

Dynamic Drive

HTML 4.0 Reference

Web Developer's Virtual Library

WebMonkey

Advanced HTML

HTML Goodies

Index Dot HTML

Javascript

JSCode.com

Netscape's Client Side Javascript 1.3 Reference (ZIP file download)

CSS

CSS Reference

Dynamic Drive CSS

Index Dot CSS

w3schools.com - CSS

PHP | PHP can't be used directly with CafePress shops - but it's often used for custom scripts like those found in the Third Party Tools & Websites forum.

http://www.php.net/

A Little Bit of Everything

A List Apart

DevShed

SELFHTML (Site German - Translations Available)

VisiBone

WebReference

Web Site Tips

Browser Quirks | Not all browsers are created equal - become familiar with proprietary tweaks.

Browser Shots (Allows you to view your site in several different browsers.)

Microsoft Internet Explorer at MSDN

Mozilla, Firefox, Netscape

Offline Magazines

Practical Web Projects (UK)

Website Maker (UK)


If you'd like to share sites/info not listed here, please do so by posting in this thread!

This message has been edited. Last edited by: P:Art,

CafePress Generated Codes:

CafePress Shop Name

<cpstore:name>

Shopkeeper Bio (Create Your Bio)

<cpstore:bio>

Product Drop Down Menu (Browse by Product)

<cpstore:producttypedropdown>

Product/Section Navigation (Browse by Design)

<cpstore:sidebar>

Search Form (Searches Your Tags)

<cpstore:searchbox>

JavaScript for Removing the CP Generated Product Type Drop Down Menu from the Results Page (Thanks to Jim & Randy)

<script>
$(function(){
$("form[name='selecttype']").hide();
});
</script>

CSS Codes for Premium Shops: http://www.cafepress.com/content/css/premium.css

This message has been edited. Last edited by: P:Art,

Originally Posted by 2pconfused

I asked for help a while back getting a list of all product types and their numbers so I could just have a table of links instead of the pull down menu. Now that I have that working (thanks to findmytee.com) I thought I'd post link code for all current CP products for anyone else who wants this.

To change them to work for your shop, I'd paste everything into wordpad or textedit and do a find and replace and switch YOURSHERE for your shop id (what's at the end of your url for the even newbier than I newbies). You can delete any you're not going to use and rearrange as you see fit. I made it basic with pipes in between so replacing those with formatting would be easier.

Hope it helps someone.

<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=206">NEW! Yard Signs</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=152">Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=23">Hooded Sweatshirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=7">Light T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=5">Long Sleeve T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=4">Sweatshirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=2">White T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=126">Ringer Tees</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=115">Men's Sleeveless Tees</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=109">Women's Light T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=89">Women's T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=128">Women's Raglan Hoodie</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=129">Women's Tracksuits</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=134">Women's Cap Sleeve T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=161">Women's Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=164">Women's Long Sleeve Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=165">Women's Long Sleeve T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=166">Women's V-Neck T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=167">Women's V-Neck Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=183">Women's Plus Size Scoop Neck T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=184">Women's Plus Size Scoop Neck Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=185">Women's Plus Size V-Neck T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=186">Women's Plus Size V-Neck Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=190">Maternity Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=189">Maternity T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=114">Women's Tank Tops</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=113">Jr. Ringer Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=111">Organic Cotton Tees</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=102">Jr. Raglans</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=96">Jr. Spaghetti Tanks</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=108">Green T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=107">Yellow T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=103">Junior Hoodie</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=45">Golf Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=42">BBQ Aprons</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=38">Baseball Jerseys</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=140">Caps</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=101">Trucker Hats</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=65">Black Caps</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=112">Value Tees</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=80">Classic Thongs</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=15">Boxer Shorts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=73">Baby Bibs</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=72">Infant Bodysuits</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=70">Kid's Light T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=69">Infant/Toddler Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=181">Kid's Dark T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=136">Kid's Baseball Jerseys</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=133">Kid's Hoodie</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=135">Kid's Sweatshirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=17">Tote Bags</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=205">3.5" Buttons (100)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=204">3.5" Buttons (10)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=203">3.5" Buttons</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=143">Mini-Buttons (100)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=142">Mini-Buttons (10)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=141">Mini Buttons</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=118">2.25" Buttons</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=123">2.25" Magnets (100)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=122">2.25" Magnets (10)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=121">2.25" Buttons (100)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=120">2.25" Buttons (10)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=119">Magnets</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=139">Rectangle Magnets (100)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=138">Rectangle Magnets (10)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=137">Rectangle Magnets</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=195">Notecards (20)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=194">Note Cards (10)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=193">Greeting Cards (20)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=78">Greeting Cards (10)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=192">Greeting Cards</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=163">Vertical Wall Calendars</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=162">Oversized Wall Calendars</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=75">Wall Calendar</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=153">Gift Certificates</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=147">Framed Tile</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=125">Throw Pillows</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=124">Ornaments (Round)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=105">Ornaments (Oval)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=110">Dog T-Shirts</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=100">Journals</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=97">Books</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=94">Data CD</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=93">Audio CD</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=92">Mini Poster Prints</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=90">Bumper Stickers</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=86">Keepsake Boxes</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=82">Framed Panel Prints</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=77">Postcards (8)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=74">Calendar Prints</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=59">Large Framed Print</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=58">Small Framed Prints</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=54">Large Posters</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=53">Small Posters</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=52">License Plate Frames</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=51">Stickers (oval)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=50">Stickers (rectangle)</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=49">Wall Clocks</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=37">Tile Coasters</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=26">Teddy Bears</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=18">Messenger Bags</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=11">Steins</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=3">Mousepads</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=1">Large Mugs</a> | 
<a href="http://www.cafepress.com/YOURSHERE?s=YOURSHERE&type=0">Mugs</a>

A Note from P:Art: As new products are added to the CafePress line up, you'll need to add them (along with their product number) to this list.

All of the current product offerings can be found here: Products you can sell!

If you use the code above after altering all of the necessary elements, it will result in something like this: link | link | link | link | link | link | link

Originally posted by AngCP:
Hi Shopkeepers,

The feedback from Shopkeepers regarding the new search feature in Premium Shops has been positive. You'll be happy to hear we have a trick to give you more options for the search box. You can use the code provide below to offer a search box in your blog or site, search across multiple shops, or customize it any way you like. Simply insert it in the custom HTML page where you want it (such as the header).

Be sure to add this feature in your Premium Shop in time for the Holiday shopping season!

<script type="text/javascript">
 
/****** required field ******/
 
// which shops to search (one or more shop IDs, comma-separated)
var cpsnippet_shopsearch_shopids = 'shopid1,shopid2';
 
/****** optional fields ******/
 
// if more than one shop, this is a list of shop names
// matched up with the shop IDs
var cpsnippet_shopsearch_shopnames = "Shop Name 1,Shop Name 2";
 
// if more than one shop, this is the default selection
var cpsnippet_shopsearch_defaultid = 'shopid1';
 
// preset keyword in textbox (default is an empty box)
var cpsnippet_shopsearch_startterm = '';
 
// if preset keyword is set, clear the search box on focus (yes or no)
var cpsnippet_shopsearch_clearonfocus = 'yes';
 
// text before text box
// default: "Search:"
var cpsnippet_shopsearch_beforetext = 'Search: ';
 
// if more than one shop, text between text box and shop select box
// default: " in "
var cpsnippet_shopsearch_middletext = ' in ';
 
// text between text box and button
// (or, if more than one shop, between shop select box and button)
// default: blank
var cpsnippet_shopsearch_aftertext = '';
 
// button text
// default: "go"
var cpsnippet_shopsearch_buttontext = 'go';
 
</script>
<script src="http://www.cafepress.com/content/shop/snippets/searchbox.js" type="text/javascript"></script>  

CafePress specific tutorials on premium shop customization - both are a little dated but still well worth going through for learning what is possible
Working With HTML in Your Premium Shop
Unofficial CafePress Premium Shop Owner's Guide & FAQ

And to back your code up you need to know how so
How to Backup the HTML in Your Premium Shop