OSCOMMERCE SUPPORT CALL 702-453-3332

Link to Basic Design Pack

Basic design pack 1.0

This is not a real contribution as such...its just an easy to use short-cut to make your own osc design.

Included in this pack is:

- Fixed width with css by Devhype and Rhea Anthony
- Remove default images David Allen


What will this pack do?

1. It will center your shop and give you the possibilety to set outside background color in the stylesheet.
2. It will remove the default oscommerce cartoonish icons
3. It removes the rounded infobox corners and replaces them with square transparent ones, so you can change the colors in the styleaheet.
4. It removes the osCommerce banner in the footer
5. It will make it easy to have 1 top graphic logo filling the whole header width.

Thats it.....

How to use....Just drop over a defaut oscommerce shop.....and you are finished...

If you have any questions, well i am at the forum as always....best wishes Toyicebear


This contribution is ofcourse GNU, and used at your own risk..and so on..... ;-)

I have an existing site built last year, not a new one - will this override the custom stuff I've already done? .. ie, the corners?

All I really need to do is to delete the cartoonish icons.

Thanks,
J

Hi Jennifer,

All you have to do is transfer over all the files in the catalog/image folder that begin with table_background.

Mark

Basic design pack 1.1 now available, Link....

Added:

1. Nicer arrows
2. Automatic thumbnails generation

Basic design pack 1.2 now available, Link....

Added:

- CSS defined buttons

Att: If you want to use/keep graphically based buttons use version 1.1 instead of 1.2

Why use CSS buttons you might ask?

- They load faster
- They are automatically generated for any language in your shop

Basic design pack 1.3 now available, Link.....

Added:

- Modded the 2 boxes search and tip a friend to have the submitt button under the form fields. Othervise the css buttons break the box width.

- Now with 2 alternative html_output.php files included.

1. Which includes css buttons and automatic thumbnails functions.

2. Which only includes the css buttons. (The thumbnails contribution would break the shop for those who did not have gdlib support on their web server/hosting.)

Short breakdown of the install instructions, before posting a question make sure you have followed the points mentioned below:

1. Download the version you want to use, unzip it and read the instructions included.

2. Inside the zip , there is a folder named catalog , copy all the content of this folder and upload it to your web hotel/server using your favorite ftp program.

If you have your shop in the root , then upload the files and folders to root.
If you have your shop in /catalog/ , then upload all the files and folders into the /catalog/ folder
If you have your shop in another folder, upload the files into the same folder where you have your other shop files and folders.

When you get asked if you want to overwrite the exsisting files, you choose yes.

Now you can go to your web site, press CTRL + F5 , the page will refresh and you will see the new changes.


Att. If you have an already modified shop...you can not follow the instructions above..then you will have to use a file compare program, like for instance beyondcompare , to merge your exsisting files with the ones in this contribution.

Hi,
I love everything in this contrib except that I'd like to leave the bottom banner alone. How do I restore them?

Hi....

In the footer.php file, after the last </table> but before the last </div> you add this:

Thank you for this. It did the trick. I'm only having one problem now... and that is with the CSS buttons. On any given page, one button shows up as what appears to be a graphic, but then the others show up as these plain boxy CSS "table" type buttons. I was poking around the html_output files from the package and I noticed a similarity: the buttons that submit a form show up as the cool "graphic", but the buttons that just redirect the customer to another page show up as the "table" type buttons. Can you help me get them all to look like the "graphic"? Or if there's no way to do that, what I need to do to go back to using actual graphics (.gif, etc.).
Thanks
D

Hi, The .css button part transforms all osc standard button calles into css defined buttons. Ie. the buttons looks are defined in stylesheet.css , you can have different borders, you can bevel the borders for a more button like look and/or you can add graphical background images to the buttons aswell and so on.

But if you want to just use the standard graphical buttons, you can just change this piece of code in includes/functions/html_output.php (from basic design pack mk1.3)

Change this


To this:

Thanks for the info, but I feel like I didn't ask my question properly. I want to use the CSS Buttons. I feel like they would definitely make my life easier. My problem is that I need them to look the SAME. Some of the CSS Buttons look boxy and the other CSS Buttons look like regular buttons. I've tried altering the stylesheet, but it only affects the boxy buttons. Is there anyway to get them all to look the same? I'm really trying to avoid actually having to make buttons. Thanks again.
D

Can you post links which shows the 2 different button styles at your site?

How do you set the background color for the site in the stylesheet and can you set a background image instead?

Hi Toyicebear,

I love your basic design pack it makes things quite quick and easy - I just had one question... is there anyway to use the basic design pack but keep the "image_enlarge.gif" --- I'd really like to keep the small magnifying glass image (or create an icon) for the enlargment of the image but I love the css for everything else.


Thanks for your help and a great contribution!

Nathan

I did something funky to my site and it's down at the moment, but as soon as I get it up, I'll get back to you with the links. Thanks for your prompt response.
D

Yes you can set background color and yes you can use an image instead of a color definition if you so choose.

The section of the stylsheet whe this can be done is here:

Hi...the css button mod does make all the images called by tep_image_button , to exclude an image and let it show as an image...just copy the wanted image from the buttons folder and into the image folder...

and then you change tep_image_button to tep_image for this image in the relevant .php file

in this case that is product_info.php

Okay, I've partially restored my site. Here is the link:
https://host283.ipowerweb.com/~alldanie/new...cbade4777682815

I checked the page using another browser and the buttons were all uniform. I usually use Safari which was where I was seeing the problem. In Firefox, everything's cool. Let me know if you can help. And thanks for all your help already!
D

Hi...

Sorry...but i do not have access to Safari

But it seems to work fine in bothe IE and Firefox.

Basic Design Pack 1.4 is now available: Download Link....

Added:

Great Categories , this gives a categories/menu box that looks better, have clearer navigation path markings and the looks are further customizable in stylesheet.css

i run in major problems with the newest build of OScommerce MS 2 [today]

after install your contribution i see only an empty site with the left table and no main content or pictures.

after i remove the html_output.php all was back again.
its my mistake ? maybe by downloading ?

thank you

Hi Toyicebear,

The change from tep_image_button to tep_image sounds easy enough but I couldn't seem to pull it off... could you suggest the changes necessary to this portion of the code --- so I can understand it? I attempted what I thought was right - but ended up losing all the product info except the title of the page. So I had to change it back.

Thanks for your help!

You can use this pack without using the included html_outp.php , this will give you all the functions in the package except - automatic thumbnails and css buttons.

Try this and let me know if it works....

this was exactly what i like to use

is there a workaround ?

have somebody else problems with it ?

thank you

Tried this too but something strange happens... it just causes the product info page to go blank after the title.

I'll keep looking at this more to see what's up... if you have any ideas please let me know!

I will upload a new version with an alternative html_output.php which will be compatible with the latest snapshot.

Try this one....

If this one does not work , the problem is more than likly to that your server does not have the required gdlib support needed for the thumbnails contribution.

Basic design pack 1.5 now available, Link...

Added:

One more alternative html_output.php added to the pack. This html_output.php is for those who use the latest oscommerce snapshot , oscommerce-2.2ms2-051113

you rock Toyicebear !

i am on my way to test it out.

Thank you very much.
[gdlib is enabled - i am the hoster]

it works great - thank you very much

:-)

Use this one:





Att: Remember to upload a copy of the image image_enlarge.gif to your images folder.....

I f i want use this background? http://snipesshop.de/
How do make it?
thank

You can make 1 image ending with the "shadow" effect on both sides, this image should be made in the width you want your site to be.

Then you set this as a centered background image with center aligmnet and repeate-y .

The sections in the stylesheet where this is done is here:




Playing around with these settings you can adjust it to your liking.


Att: Rember to press CTRL + F5 when viewing your site after having made changes to the stylesheet.

I f i want move the page on the top of the browser???

Thanks for your great contribution. I have installed it (version 1.5) successfully except that every Category Count Number starts from a new line. I changed the categories.php file as follows:

Change:



To:

That should do the trick.....


But a small tip, going into your admin and setting show category count to False will give you a tider looking category box aswell as reduce your db querie count drastically and by that make your site load faster.

I have add a grafic to yuor contrib but i need know how reduce the weith of the box see my site please, http://www.needforexhaust.com/catalog2 i have add my modified category.php and i want that all box most be same the category box.
What i make??
Bye thanks

I had a look, it seems that you have fixed it..since all the boxes now have the same width....

But for others with the same question, the box width is set in includes/application_top.php

Yes i have fix it thank a lot!!! your feedback??
Thank bye

Your sites design is comming along very nicly... :-)

Hi

Great contribution. I have played around with stylesheet.css and got most of the changes I want working, but I just can't seem to get a background image to display.

Sorry to be a complete dunce, but could you show me exactly what the relevant section of the stylesheet should read to diplay http:// www.mydomain/image/image.png as my page background.

Thanks very much

Mike

hi! i installd the contrib and its running very well but i have one small problem: i cant remove the cartoonisch icons...

can u help me please???

greetzz from lake constanz germany

1. upload the wanted background image to your shops /images/ folder

2. in stylesheet.css, instead of this:



use this:



When you want to view the result after a stylesheet change, press CTRL + F5 when viewing your site.

When you upload the files and folders from the pack to your webserver , you will be asked to overwrite old files...say yes to this one.

Then among other all the cartoonish images will be replaced with transparent gifs, ie. not visible anymore.

To view the changes correctly, you need to press CTRL + F5 when viewing the site after the changes is done.

Internet Explorer will then give you the new changes directly while Firefox sometimes require several goes before showing the new changes.

Read my previous reply to you on how to insert an image in the stylesheet...

The place to set images for inner and/or outer site background is in this portion of the stylesheet:

is there any way to change/add links on the header?
for example: Create Account| Login| Cart| Profile|Contact Us|

AWESOME CONTRIB!!! yes I am yelling thanks very much

one question though. What is the difference between
html_output.php2.2ms2-051113
and
html_output.php

??

I'm having the same prob as someone before with the add to cart button to show up. I've managed to get all other buttons in use that I want but not this one.

A previous post said to change tep_image_button to tep_image which worked

However when I try to modify the tep_image_submit to tep_image the button shows but does not link anymore.

i dont know about cart button, but for html_output.php2.2ms2-051113, if you are using osc new version 2.2, use that. it doesnt matter whether you use it or not i suppose.