Here's how to get a search box in a custom header of Shopping Cart Creator Pro in 12 easy steps - so you can have a vertical nav bar as well.

1. Create a design in SCD pro with a horizontal nav bar including a search box.

2. Export it into SCC pro then start a new shop. (no need to have anything in it you are only doing this to get the code.) Make sure you select the theme that you just created.

3. Open the "Your Shop" icon, select publish as cataloue & check "use html"

4. Export shop for upload.

5. Go to those files & find the css folder. Open all .css files in notepad 1 by 1 then find & replace "scc_" with nothing - by this I mean leave the replace field empty. (No need to do the colorbox.css) This will create a unique set of style sheets to use for the custom header, so the main part of your shop does not get confused. You will also need to rename these so they are slightly different to the main set. I used "menu_styler.css" etc.

6. Upload these to a folder in your "site" folder of s-drive or where ever your shop is. My path is site/header/scc/my_file.css.

7. Now go back to the other html files you created. Pick any page & look at the html code & find the bit for the search box.

8. Copy & paste this bit of code into notepad & repeat the find & replace for this bit of code that you did in step 5.

9. You should now have a some of code that looks like this:

<div id="search_wrapper" class="layout_search_normal">
<div id="search_inner_wrapper">
<div id="search">
<form action=" " method="post">
<p>
<input class="search_input" type="text" name="search_words" value="search" onfocus="if(this.value=='search') this.value=''" />
<input class="search_go" type="submit" value="" title="Search" />
<input type="hidden" name="method" value="search" />
</p>
</form></div></div></div>
<div class="cleardiv">
<span class="sdkworkaround">&nbsp;</span></div></div></div></div>

10. Open your actual shop in scc (Not the one you just did).

11. Paste this code in the custom header section of SCC replacing the path & file name with your own to link your style sheets.

<link rel="stylesheet" type="text/css" media="all" href="site/header/css/menu_default.css" />
<link rel="stylesheet" type="text/css" media="all" href="site/header/css/menu_styler.css" />
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="site/header/css/menu_default_ie.css" /><![endif]-->

12. Then paste the code from step 9 & enter any page from your shop in the form action. I used category.php so you end up with this line in it. Make sure it has the .php extension not .html.

e.g. <form action="category.php" method="post">

Now upload & your done.

You can see this example on my website.

Continue Shopping link back to the page the user came from.
Open a HTML editor.
1. Open the continueshoppingunset.txt and save it as continueshoppingunset.php and upload it to your shop directory on your host.

2. Open the continueshopping.txt and save it as continueshopping.php and upload it to your shop directory on your host.
Adjust the font properties in the link to your needs.

3. Open the continueshoppingviewcart.txt and copy the code to your shops view cart page with the HTML tool. Adjust the url for your domain, directory structure and where you placed the php files above. You can leave the src's relative if you place the files in your shop folder. The link for the referrer in the script at the top in the continueshoppingviewcart.txt has to be absolute. So if your site has a www. use it.

This can be used on S-Drive shops but you have to upload the two php files to a separate server and change the src's to reflect that. I'm using it in my shop on S-Drive now.

Do you have the ability to set up multiple FTP users? If so, set up a separate FTP user for each event and specify that the login go directly to the folder of the event to which it applies. That way, it doesn't matter how long your path is.

Have images change with option selection on product page.
Code can be altered to handle .jpg
Paste this code into your page using the html tool.

Now paste this code into your page using the html tool.
Adjust the height and width to your images. 0.gif will be the image that is the default with nothing chosen.




Upload your images to a folder named productimages inside your shop folder on your server and name your images 0.gif, 1.gif, 2.gif,
3.gif, and 4.gif. If you need more just keep adding them and naming them in order 5.gif, 6.gif, and so on.
Now add a folder to your shop folder and name it js. Now download these two js files and unzip them then upload them to your js folder.
jquery-latest.js
jquery.magicpreview.js
Note: S-Drive shopkeepers will have to change link refrences to absolute so they can put the needed files in their storage folder. Add "http://mysite.coffeecup.com/storage/" to all the bold links.


Here's an example of how it works.
Option image change tied to cart.

Make the extra images that you hard code into your shop page pop in the same colorbox effect that Coffeecup uses in SCCP.

Paste the code below into your page.


Adjust the link to the location of the image that will pop in Colorbox.
"http://username.coffeecup.com/storage/images/myimage.jpg"

Adjust the link to the location of the image that will show on the page and be clicked on.
"http://username.coffeecup.com/storage/images/thumbnailmyimage.jpg"

This can be used on any area of your shop.

HOW TO PREVIEW YOUR SHOP INCLUDING THE CART WITHOUT HAVING TO UPLOAD TO YOUR SERVER.

Download Wamp. Install on your machine and create a local folder (any name) within the www folder Wamp creates. Save your shop ('Save shop as') to that folder you create. Start Wamp. When Wamp is running right click the Wamp icon in the bottom right of your screen. When you click on the 'Localhost' menu your shop will operate fully, including the shopping cart.

Wamp creates a local server with all the trappings of your remote server. I would suggest sticking with the default settings that Wamp uses unless you are a wizz with SQL, PHP etc.

http://www.wampserver.com/en/

Using your first categories sub categories as information pages.

I kept having customers say they ordered a ring without engraving because they could not find it, now i have changed my first category to : INFORMATION : Engraving, Ring, Gage, Sizing, ETC

And a sub category for ALL ITEMS ARRIVE IN A GIFT BOX with a picture and explanation

And another sub category for Ring SIZING, ring gages etc. with explanation about all of that

Yet another sub category for laser engraving

another for diamond dragg engraving

so on and so forth

Don't know why i didn't think of it a year ago

see delorean site in signature.

S E O : MAKING THE BEST OF SCCP INBUILT KEYWORDS AND META DESCRIPTION

I have spent 6 months now with my Delorean website trying to improve page ranking for my SILVER signet rings, and especially key words SILVER MASONIC RING

Utilising the category page and its inbuilt Meta Description, and dozens of google searches, and i think i have finally proven that what you put into SCCP is directly related to what you get out.

If i have got it right, within a week or so, Just in time for Christmas, doing a google search for silver masonic rings should bring up a search result very specific , with a £29.99 price tag.

Presently the result is : Sterling silver masonic signet rings handmade in England.

And hopefully it will change to : Sterling silver masonic signet rings from £29.99 UK made

Whats my tip, or tric then : simple dont sit back and wait for it to happen, keep doing google serches, and editing that meta description.

For anyone sceptical of SCCP ability to be found by google etc, don't be !!!

Change cart text from "Estimated Taxes:" to text of your choosing

WARNING ONE: This is an after export/upload edit.

WARNING TWO: This edit will have to be done EVERY time you change and export/upload your site.

WARNING THREE: Do this wrong and your site will not work. All you have to do is re-export/upload your site and all will be well again. You are on your own with this edit. It works for me without any issues. I suggest you test it fully before using it in a live situation. I use Wamp for my testing purposes before going live with anything.

Note: This works when using PayPal Website Payments Standard for your payment system. I have not checked the files for the other payment systems implemented in SCCP.

When customers get to the View Cart page and select their state the cart will show the words "Estimated Taxes:". I wanted this to be more localized for me. I only have to charge tax in one state, so this works well for me.
If you have to charge taxes in multiple states/zones/areas you could change the text to read something more generic like "Sales Tax:"
I would suggest that you keep the text to 25 characters or less.

Open the following files located in the ccdata\data folder:

cart.inc.php
cart_authnet_1.inc.php
cart_pp_1.inc.php
cart_pp_2.inc.php

And this file located in ccdata\js folder:

shop.js

Search for and replace "Estimated Taxes:" with the text of your choice. I replaced mine with "6% PA Sales Tax:". This will be found once in each file listed above.

Search for and replace "Taxes:" with the same text you just used. This will be found twice in each file listed above, except for shop.js, it is not in this file.

Save all files to their correct folders. Test. Upload. Test again. Done!

Great tip Scott! I will have to try this on my next shop.

Thanks