Shopping Cart Creator Pro. Tips and Tricks


Registered User
97 posts

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. :D

You can see this example on my website.
www.heylisflorist.co.uk - My Florist Shop.
www.woodentopstoys.co.uk - The Toy Shop filled with toys for immediate dispatch.
www.warehouse.woodentopstoys.co.uk - Although a separate shop, it has a sub-domain of the above. This is where customers can place orders & I buy in to order.

All my shops are created with SCC pro, SCD pro, WIS, Direct ftp & hosted on S-Drive Shopkeeper.

Send your parcels with Despatch Bay! Signup using this code and get £10.00 worth of free shipping http://despatchbaypro.com/s/1H431


Senior Advisor
12,237 posts
Online Now

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.:D
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Ambassador
50 posts

Killer B Disc Golf wrote:
Shop Location (File Structure)

For organization-sake, I wanted to create a folder (with shop) for each event in a folder called Events like this:

* root/htdocs/customer1/shop/events/event1
* root/htdocs/customer1/shop/events/event2

After several nights of error messages about how SCCP could not connect to server and then later that it just couldn't upload... I finally got it to work after I reduced the directories to two levels. It seems that SCCP can only go down two levels because this directory structure allowed my cart to upload:

* root/htdocs/customer1/event1
* root/htdocs/customer1/event2

It makes for a busier main directory (customer) but I guess it'll have to do. If this is not true and I missed some real obvious way to structure multiple shops, please let me know! :P


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.


Senior Advisor
12,237 posts
Online Now

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.

<script type="text/javascript" src="js/jquery-latest.js"></script>
<script src="js/jquery.magicpreview.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#opt_0").change(function() {
var selObj = document.getElementById('opt_0');
var selIndex = selObj.selectedIndex;
var src = $(this).val();
var sImage = "productimages/" + selIndex + ".gif";
$("#imageload").html(src ? "<img src='" + sImage + "'>" : "");
});
});
</script>

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.


<div id="imageload" style="height:100px; width:100px">
<img src="productimages/0.gif">
</div>


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.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Senior Advisor
12,237 posts
Online Now

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.
<a class="colorbox_scc cbox_sccElement" href="http://username.coffeecup.com/storage/images/myimage.jpg"><img alt="" src="http://username.coffeecup.com/storage/images/thumbnailmyimage.jpg">


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.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/


Registered User
34 posts

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/


Ambassador
2,150 posts

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.
Started using CC VSD in January 2009, I don't do HTML code, sales exceeding £100,000 from my SCCP & SCDP shop to date, Enjoying semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk


Ambassador
2,150 posts

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 !!!
Started using CC VSD in January 2009, I don't do HTML code, sales exceeding £100,000 from my SCCP & SCDP shop to date, Enjoying semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk


Registered User
127 posts
Online Now

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! :D
Scott
I do what I love, and I love what I do!
http://www.decalsandtees.com


Senior Advisor
776 posts
Online Now

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

Thanks
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.