Comments on: Make a nice header for your store in osCommerce v2.3.1

By: multimixer

multimixer — Sat, 22 Jun 2013 06:00:50 +0000

You don’t want the store logo to be a flash movie

What you need to do is, to add your movie into the “header” div
However, if you want to replace the logo with flash, then you can replace this code

tep_image(DIR_WS_IMAGES . ‘store_logo.png’, STORE_NAME)

with you flash

By: mathew

mathew — Sat, 22 Jun 2013 05:19:30 +0000

hi
please help me how to change oscommerce store logo png to flash format

By: Alex

Alex — Fri, 15 Mar 2013 02:55:04 +0000

Hello!
Can you please provide the an example of the code you used for your header – when you said
“The file to work on is includes/header.php. You need to close the containet_24 div, add another around the whole header, wrap it’s contents into container_24″?

Thanks!
-A

By: multimixer

multimixer — Sat, 16 Feb 2013 16:59:22 +0000

Hi Michael

There is no difference in adding a background image for different browsers, the reason why you can see it just in FF may be something else

It’s impossible to say much without seeing the website

By: Michael

Michael — Fri, 08 Feb 2013 21:21:34 +0000

Hei, can u tell me please, how i get the background-image into SAFARI and GOOGLE CHROME….
I put my Image into the Stylesheet.css /
#header {
background-image: url(images/…..jpg);}

it works fine in FireFox – but how i can get that work in CHROME & SAFARI

By: multimixer

multimixer — Thu, 27 Dec 2012 10:36:41 +0000

The header is exactly same for the 3 latest osCommerce versions (2.3.1, 2.3.2 and 2.3.3), so it makes no difference, any tips that work for version 2.3.1 will work on the next 2 versions too

By: Adam

Adam — Thu, 20 Dec 2012 18:32:48 +0000

Although using a different version of Oscommerce I have used some of the above code for my social icons. Thanks

By: Basheera

Basheera — Sat, 18 Aug 2012 08:37:02 +0000

Hi, great tutorial. How do I get the buttons directly under the logo section and to Aline to the width of the header, as shown in your orange Example here?

By: Steve Marino

Steve Marino — Sat, 21 Jul 2012 18:59:40 +0000

Hi, i was wondering about using another grid system that would be more responsive…i.e. adapt to tablet and mobile phones. I know it would take alot of hacking up to accomplish this, as far as i know. I’m not sure what a good mobile strategy is for a 2.31 store. I do need a responsive solution. I’m not worried about the admin area, that doesnt have to be touched. Thanks for any advice.

By: multimixer

multimixer — Tue, 10 Jul 2012 12:43:57 +0000

would not use a “fluid” grid, since it will be the only “fluid” part of your website, while anything else (like images etc) will have still a fixed pixel width. It won’t look nice

The buttons move under the image (that I guess is your logo) because there is no space to have everything in the same row, logo + buttons. In other words, your logo is too wide

What to do?

Either create a smaller logo, or add following to your css file

#storeLogo{position:absolute; top:10px; left:10px} and then set the settings for top and ledt as you need them

This will make the buttons to float over the logo

I’ve no idea what you mean with “padded box” …