Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

no flipping idea what just happened to my site


Guest

Recommended Posts

ok so yeah.... I was uploading some new products using the same style I have been using and have had no issues before. I wasnt modifying any php files, templates etc... only products... Went to look at the site and what i see is in the attached image.

 

Maybe it is just my browser having an error but I tried firefox and IE and both get the same view... Has anyone seen this happen or know how to fix it?

 

Also a side note the only difference I had in my products was a line that looked like this (48 packs;960 sticks) after the product name.... I removed all such occurances of this and it didnt fix.

post-311716-0-57164300-1337391902_thumb.png

Link to comment
Share on other sites

@@Nightshadow

 

I would suggest that you need to edit the stylesheet and header.php to accommodate the extra large store logo (default size is 257x60)

 

 

 

 

Chris

Link to comment
Share on other sites

ok so yeah.... I was uploading some new products using the same style I have been using and have had no issues before. I wasnt modifying any php files, templates etc... only products... Went to look at the site and what i see is in the attached image.

 

Maybe it is just my browser having an error but I tried firefox and IE and both get the same view... Has anyone seen this happen or know how to fix it?

 

Also a side note the only difference I had in my products was a line that looked like this (48 packs;960 sticks) after the product name.... I removed all such occurances of this and it didnt fix.

 

Hi ,

told you yesterday to get your header fixed the logo/header is to big and is pushing the buttons(cart contents etc) out of alignment.

Hope the 960 sticks things was nothing to do with the 960grid that the shop now uses!!

John

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

In your /includes/header.php file change this:

 

<div id="storeLogo">

 

To this:

 

<div id="storeLogo" style="position:absolute;z-index:0;">

 

In the stylesheet.css file change this:

 

#header {

height: 60px;

}

 

To this:

 

#header {

height: 110px;

}

 

Then the first time you view the site hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

In your /includes/header.php file change this:

 

<div id="storeLogo">

 

To this:

 

<div id="storeLogo" style="position:absolute;z-index:0;">

 

In the stylesheet.css file change this:

 

#header {

height: 60px;

}

 

To this:

 

#header {

height: 110px;

}

 

Then the first time you view the site hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

The image is 850px × 130px

measured yesterday

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

With my changes the buttons "float" over the top of the logo and still function.

 

It's either that or resize the logo.

 

"Call the ball, Maverick".

:huh:

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

With my changes the buttons "float" over the top of the logo and still function.

 

It's either that or resize the logo.

 

"Call the ball, Maverick".

:huh:

Hi

never used

<div id="storeLogo" style="position:absolute;z-index:0;">

 

learn something new everyday :thumbsup:

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

You could even leave the file includes/header.php alone and do everything in stylesheet.css

 

Just give the rules you want to #logo and that's it.

 

eg

 

#logo{position:absolute; z-index:0;}

 

or anything else you need to add for finetuning

Link to comment
Share on other sites

i thank you all for your advice... though I am not too familiar with php or css formating so if you'd be so kind as to confirm which of these recommendations to do. Also does that explain why suddenly the background is white instead of black and also why did this not happen till a day after the logo was added?

Link to comment
Share on other sites

ok guys I am getting closer here... I managed to find in the stylesheet.css and teh header.php what ya guys meant and it kinda fixed the issue but here's what i get now....

 

Firefox... no improvement... figure maybe i need to clear my local files since it isnt updating for some dumb reason.

 

post-311716-0-46952400-1337415784_thumb.png

 

 

IE the green menu buttons are at the top now but in wrong spot... the logo is in the right spot.... Both

 

See next post for IE picture since i went oversize limit here....

 

browsers the black background ran away somewhere.

Link to comment
Share on other sites

here is the IE picture

 

post-311716-0-25169400-1337415880_thumb.png

 

Yes your getting there :D

 

back to stylesheets towards the top

 

#headerShortcuts {

float: right;

margin-top: 15px;

}

 

that controls the button position

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

while i would prefer actual answers and say insert this as it wold save me time atleast I am learning....

 

Took me 3 tries to get it lined up right but now it seems my buttons are layered behind my logo's transparent area and are thus all whited out.

 

Example below:

 

post-311716-0-71881800-1337420480_thumb.png

Link to comment
Share on other sites

could you please elaborate here a bit?

 

Joli said go here this controls button position... but didnt say what to put in it. But i figured it out and got it to the right spot... now to deal with this overlay issue so my buttons are an ugly whited out green and instead a pretty rich pure green.

Link to comment
Share on other sites

also it seems my buttons still overlap in IE... to save time in making a new screen shot just look atthe old IE Error.png file but instead of them being upper right they are where they are in the firefox picture just overlapping eachother.

Link to comment
Share on other sites

ok so still waiting on an answer as to how to make my buttons be on top of my logo instead of under and also I still dont know why my background went from black to white... could it be that my old site was black and the new site was white but my local files were not updating and still showing it to me black? Or is something else happening?

Link to comment
Share on other sites

ok so still waiting on an answer as to how to make my buttons be on top of my logo instead of under and also I still dont know why my background went from black to white... could it be that my old site was black and the new site was white but my local files were not updating and still showing it to me black? Or is something else happening?

 

Probably right empty the cache in internet explorer the sites looks ok to me same as in firefox

to change backgrond colour

 

body {

background: #fff;

color: #000;

margin: 0px;

font-size: 11px;

font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;

}.

 

change to background: #000000;

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

Have you thought of adding your really large header image as a background image to the header. Google will tell you how to alter your header area in the stylesheet. Then find the code in the includes/header.php and remove the code for the header image. Your buttons will then be in the right position and will float over the top of the header image, and will over lap, especially when you log in as a customer and the extra button gets added.

 

If all fails resize your logo image to the maximum size which has already been poined out somewhere above.

REMEMBER BACKUP, BACKUP AND BACKUP

Link to comment
Share on other sites

Probably right empty the cache in internet explorer the sites looks ok to me same as in firefox

to change backgrond colour

 

body {

background: #fff;

color: #000;

margin: 0px;

font-size: 11px;

font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;

}.

 

change to background: #000000;

Thank you joli tho

 

 

ugh even with empty cashe and refreshed pages my green buttons are still pasty when they should be a pure green and pure blue... looks like someone jacked up the gamma on mebut somehow only on those 3 buttons and nowhere else

 

 

addendum: Ok seems tht problem is fixed and changed bckground and they became pure green again so yeah musta been a opacity issue or something.... next issue is background is black and mywriting ran away... is the default color for body text as well as for product text found in stylesheet.css as well and if so where?

 

Thank you.

Link to comment
Share on other sites

If you have not found this out yet, and to save you a lot of posting. Oscommerce is controlled by two stylesheets. The first can be found in your root folder and is called stylesheet.css. The second is in your ext/jquery/ui/redmond/ folder and is called jquery-ui-1.8.6.css. All colour and style changes in a standard osc store can be found in these files. Take the time to read them.

 

If you now open your website in a browser. Click to view source. Find the area of code you wish to ammend and you will find all its classes and colours there. Search through the two css files to find the class you require, then alter it accordingly. If altering the class alters too much on your site, you will have to make a new class and enter the details.

 

What i am getting at, is that css is very easy to learn and there are many website with tutorials. If you are struggling with changing a few styles and colors, you may well struggle when trying to add contributions.

REMEMBER BACKUP, BACKUP AND BACKUP

Link to comment
Share on other sites

Thank you joli tho

 

 

ugh even with empty cashe and refreshed pages my green buttons are still pasty when they should be a pure green and pure blue... looks like someone jacked up the gamma on mebut somehow only on those 3 buttons and nowhere else

 

 

addendum: Ok seems tht problem is fixed and changed bckground and they became pure green again so yeah musta been a opacity issue or something.... next issue is background is black and mywriting ran away... is the default color for body text as well as for product text found in stylesheet.css as well and if so where?

 

Thank you.

 

Hi,

 

There is 2 x ways to do this either by adjusting in your stylesheet which is quick.

 

The better and finer way to do this is by first adjusting your theme at http://jqueryui.com/themeroller/

downloading and installing and then tweaking a bit in your stylesheets.

So up to you what do you want to do??

 

PS: If you decide to first adjust your theme at http://jqueryui.com/themeroller/ there is a nice tool to help you get it right called ThemeRoller developer tool this lets you change first on your computer and liveshop and tweaking before you actually install the new theme

Let meknow what you want to do I have attached a screen shot of your site to better explain what I mean

 

 

First change the background back to black ( the colour you want I think) then pick a theme that is close to what you want, work with the tool until you get the colours you want and font you want when you are happy with the look and feel make a note of the different colours/fonts/button radius etc .

Go to the main site http://jqueryui.com/themeroller/ and download and then install the theme

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

Hi,

 

There is 2 x ways to do this either by adjusting in your stylesheet which is quick.

 

The better and finer way to do this is by first adjusting your theme at http://jqueryui.com/themeroller/

downloading and installing and then tweaking a bit in your stylesheets.

So up to you what do you want to do??

 

PS: If you decide to first adjust your theme at http://jqueryui.com/themeroller/ there is a nice tool to help you get it right called ThemeRoller developer tool this lets you change first on your computer and liveshop and tweaking before you actually install the new theme

Let meknow what you want to do I have attached a screen shot of your site to better explain what I mean

 

 

First change the background back to black ( the colour you want I think) then pick a theme that is close to what you want, work with the tool until you get the colours you want and font you want when you are happy with the look and feel make a note of the different colours/fonts/button radius etc .

Go to the main site http://jqueryui.com/themeroller/ and download and then install the theme

@@joli1811

 

Thank you again joli I used theme roller originally to change the writing, bars, buttons, etc... thought I had everything changed to the proper colors before hand especially since when I uploaded it everything looked perfectly colored even the background... least till the cache cleared... once the cache cleared everything was changed except the center areas which reverted to black on white, as such I figured maybe this area wasnt touched by themeroller.

 

 

While we on the effort of fixing my site after the upgrade... some of my pictures are being stretched wierd in my catalog... example if you click on say amulets and then crystals. look at the product pictures on the main catalog pages... they are stretched wide then click the product it's self and inside the product page it is slender how ti should be... is this a setting somewhere in my admin panel I need to adjust to prevent auto image resizing?

 

Also maybe this is a quick answer maybe not... if ya were in my catalog you no doubt saw that my subcategories at the top when you click a parent category are for some reason duplicating themselves in a single column like saying angels and then angels right under it but they select as a single object not two and work fine just look very wierd.... so basicly how do I fix this? It has done this ever since I installed the new core... and yes in case we forget this was a fresh install that wiped everything from the old store.

 

Also.... sorry im full of also's....I am having issues finding where I set my contact us page's contact email for the contact us form.

 

With these three changes and on more database question I believe I will be back on track for having my site fully upgraded and back on track. Suppose I should throw the database question in right now...

 

Under my old database in addition to the products I also had customers registered and sales tracked and sold items listed and what not... while I am set on manually re-entering all the products in my catalog as part of my restructuring I would like to restore the aforementioned parts of the database into the old databade. I do have copies of my database backups made in the old store via the admin panel and also all the files from the ftp server backed up and stored, so i should have whatever is needed.

 

Thank you for your time and hopefully this will be the last of the needed questions in getting the store back up to par and then I can stick to more worthy questions.

Link to comment
Share on other sites

Hi,

Sorry my computer crashed so having a bit of hassle trying to see on a 43" monitor and can@t read the writing :mellow:

Well first one about images (stretched wierd ) main catalog pages..main catalog pages.. controlled from admin so you will have to adjust to suit

The main product image is hardcoded in product_info.php about half way down line 103 on fresh install

 

<script type="text/javascript">

$('#piGal ul').bxGallery({

maxwidth: 300,

maxheight: 200,

thumbwidth: <?php echo (($pi_counter > 1) ? '75' : '0'); ?>,

thumbcontainer: 300,

load_image: 'ext/jquery/bxGallery/spinner.gif'

});

</script>

 

 

when you say duplicating themselves the first Crystal should actually be an image not sure why it is not showing upload again to the catagory and that might solve it!!

 

 

 

this you can change to suit!!

 

The contact us pages /shipping etc you can change in admin/tools/define lamguages

 

Now as regards the database I am not really sure if you convert/upgrade your old database to osc 2.31 this would be automatic but if i have understood you correctly you have started with a new database so do not think it would work just inserting the information (do not think it could connect customer to product) There are a few good guides on how to update the old database to osc 2.31 so maybe you should consider this if you have acces to phpmyadmin this should be no problem when you are ready just change your configure php's and test the new database if problem just change the configure.php's back again

John

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...