I've Upgraded, so now what?
Note: To copy from this site, highlight the text and hold down the Ctrl key and hit C. That will copy the text. Ctrl + C = Copy, Ctrl + V = Paste
Take these steps only if you want to customize or you want to add custom pages. You can keep a bisi template and add custom pages and little changes to the template files. You can also modify templates and customize as much as you want to.
First, from the top bar, goto APPEARANCE then THEMES and export the sample files of the template you want to use.
Open each file, which will show up as a web page. Right-click on the page and select VIEW SOURCE. Then, EDIT and SELECT ALL then EDIT and COPY(or right-click and copy). Then, find the corresponding tab under APPEARANCE - CUSTOM TEMPLATES. Do a RIGHT-CLICK and PASTE the code into the box under the tab. Scroll down till you see the UPDATE button under the code box and CLICK on it. You'll need to copy and paste the code from the sample files to its' corresponding tab. Once you have that done, and all of the tabs have been UPDATED, your site will have the code for the template you've chosen.
Now, you must update the stylesheet addresses, so they'll look for the css sheets. If you don't want to have to update your files, you'll want to point the addresses to bisi's files. If you want to do your own updates and make changes, you'll want to point the addresses to your custom files folder.
So, for each template, change
link rel="stylesheet" href="YOURTEMPLATE.css" type="text/css" media="screen" /
link rel="stylesheet" href="layout.css" type="text/css" media="screen" / (YOU MAY NOT HAVE THIS FILE IN YOUR TEMPLATES. IF NOT, JUST IGNORE)
_____________________________________________________________________________
TO THESE ADDRESSES IF YOU DON'T WANT TO MAKE CHANGES
THE 3 COLUMN TEMPLATES:
link rel="stylesheet"
href="http://www.mybisi.com/templates/royal_blues/_css/royal_blues.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/templates/tangerine/_css/tangerine.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/templates/stormy/_css/stormy.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/templates/pink_purple/_css/browns.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/templates/pink_purple/_css/pink_purple.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/templates/blue_brown_grey/_css/blue_brown_grey.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/templates/hunter_green/_css/hunter_green.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/templates/yellow_red_green/_css/yellow_red_green.css"
type="text/css" media="screen" /
HERE ARE THE 2 COLUMN TEMPLATES
link rel="stylesheet"
href="http://www.mybisi.com/Templates/01/_css/darkblue.css"
type="text/css" media="screen" /
link rel="stylesheet"
href="http://www.mybisi.com/Templates/01/_css/layout.css"
type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/brown.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/green.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/lightblue.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/orange.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/blue.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/brown.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/green.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/aqua.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/green.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/red.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/04/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/04/_css/pinky-green.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/brownie/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/brownie/_css/brownie.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/bubbly/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/bubbly/_css/bubbly.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/cloudy/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/cloudy/_css/cloudy.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/grassy/_css/layout.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/grassy/_css/grassy.css" type="text/css" media="screen" /
Don't forget the < and > on the ends. Remember to make the change on all of your pages except the Account Wrapper page that will be discussed below.
You'll also need to add in the http://www.mybisi.com to the /_js/bisicommon.js file under the template file. So, It should look like this: src="http://www.mybisi.com/_js/bisicommon.js/_js/bisicommon.js"
Sorry, but you're not done yet. Now, what you need to do is go through the css files and the template files to find any image addresses. They'll look like this img src="/images/filename.gif" You need to add the http://www.mybisi.com in front of the backslash "/". I really don't know why these aren't just changed in the sample files, but they aren't. Maybe they will be soon, but for now, you'll have to add in that information.
___________________________________________________________________________
TO CUSTOMIZE:
**Please note that if you do this, you will be responsible for updating your pages with upgrades and code corrections/fixes. This usually means a simple copy and paste to your template pages, but your template will no longer be updated by bisi.
To save a copy of the CSS FILES to your CUSTOM FILES (this is the tab on the far right of your custom templates), you'll need to grab the css files. To grab the css files, you will want to find the template that you are using above. Goto the urls given in the above addresses to pull up the css files. For some, you will have one css file and for others, you will have a css and a layout file. Save the css files to your desktop and then upload/save them to your custom files.
Once you have uploaded the files to your custom files tab, you need to goto each of your pages/tabs and change this:
link rel="stylesheet" href="YOURTEMPLATE.css" type="text/css" media="screen" /
link rel="stylesheet" href="layout.css" type="text/css"
media="screen" / (YOU MAY NOT HAVE THIS FILE IN YOUR TEMPLATES. IF NOT,
JUST IGNORE)
TO THIS:
link rel="stylesheet" href="http://custom.buyitsellit.com/YOURNUMBER/YOURTEMPLATE.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://custom.buyitsellit.com/YOURNUMBER/layout.css" type="text/css"
media="screen" / (YOU MAY NOT HAVE THIS FILE IN YOUR TEMPLATES. IF NOT,
JUST IGNORE)
To find YOURNUMBER, look at the text above your custom files. Find where it says:
Your account allows you to upload files associated with your custom templates. You have 25mb available to upload files in the following formats: gif, jpg, png, css, js. The URL to your file will be: http://custom.buyitsellit.com/XXXXX/yourfilename.ext
Your number should show in place of the XXXXX.
**Don't forget to go through the css files and the template files
to find any image addresses. They'll look like this img
src="/images/filename.gif" You need to add the http://www.mybisi.com in
front of the backslash "/". I really don't know why these aren't just
changed in the sample files, but they aren't. Maybe they will be soon,
but for now, you'll have to add in that information.
Now, you should be ready to start editing your css files. In most cases, you won't need to do much to the layout.css(if you have one) file right away. Most of the colors are controlled through the colorfilename.css or whatever template you chose. Feel free to rename the files, just be sure your pages have the correct name. It's always a good idea to VIEW your pages to be sure they all work.
Make your changes to the files on your computer. Then in your custom files save the new file (overwrite the old). I always save duplicate css files in case I make a mistake. It's so much better to not have to start at the beginning.
You'll want to scan the color css file for any images. You'll need to fix any file address that starts with an / as that means the system will be looking for that file under your custom files. You'll either need to save the files to your custom files or add the
http://www.mybisi.com in front of the /
*Once you do this, don't forget to check the Enable Custom Templates box.
*If you get a blank page, be sure you remembered to click the UPDATE button on the bottom.
*If your page has text but no background or colors, the system can't find your css files.
*If your background is there and the colors are right, but it looks all funny, the system can't find your layout files.
__________________________________________________________________________
Once you are done with your pages, you can move onto the Account Wrapper and Custom Checkout files.
The checkout css file is a copy and paste again. Change around your colors and update. It's pretty simple.
For the account wrapper, again, copy and paste the code form the sample files to the code box below the template tab and update. You'll need to change the css file addresses as you did above. Be sure to upload the acct.css file into your custom files tab if you plan on making adjustments to your templates.
_____________________________________________________
For the older templates, you'll need to use the account files below:
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/darkblue_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/brown_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/green_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/lightblue_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/01/_css/orange_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/blue_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/brown_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/02/_css/green_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/aqua_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/green_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/03/_css/red_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/04/_css/pinky-green_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/brownie/_css/brownie_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/bubbly/_css/bubbly_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/cloudy/_css/cloudy_account.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/Templates/05/grassy/_css/grassy_account.css" type="text/css" media="screen" /
_____________________________________________________
For the newer files, use these replacements:
link rel="stylesheet" href="http://www.mybisi.com/templates/royal_blues/_css/royal_blues_acct.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/templates/tangerine/_css/tangerine_acct.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/templates/stormy/_css/stormy_acct.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/templates/pink_purple/_css/browns_acct.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/templates/pink_purple/_css/pink_purple_acct.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/templates/blue_brown_grey/_css/blue_brown_grey_acct.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/templates/hunter_green/_css/hunter_green_acct.css" type="text/css" media="screen" /
link rel="stylesheet" href="http://www.mybisi.com/templates/yellow_red_green/_css/yellow_red_green_acct.css" type="text/css" media="screen" /
___________________________________________________________________________
Well, there you have it. remember that if you do decide to make your own changes to the templates, you will be responsible for changes and such. Also, make sure that you save templates and files regularly in case you make a big mistake. Unfortunately, we are all busy here and don't have time to try to figure out and fix changes.
If you mess up your template, you'll have to start over, so be sure to backup regularly as there is no way bisi can retrieve your changes.
|
|
|
Browse All
