Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Footer + Checkout buttons overlap


Sotl

Recommended Posts

Posted

Hey,

 

I am currently helping my brother set up a new site and while doing so we noticed that on some screens the buttons in the top right corner overlap each other depending on the resolution, is there a way to fix this and if so how please?

 

The last thing is i wish to fix the footer to the bottom of the page, i have tried a few methods which i saw online for your usual site but neither of them worked.

 

Any help would be very welcome.

 

 

Link: Website

 

 

Thanks,

Jake

Posted

I believe it has to do with the size and placement of your images. I looked around your site, but didn't see any movement, but perhaps it is my browser size. I am guessing the store logo is too big/wide. It can be that big, I just don't know how to fix the cart and account buttons so they won't move and you can keep that large image. I know that I had my store logo set, then did a trail run and a new button, log off, appeared because I made an account to test things. The extra "log off" moved all the buttons. It looked bad. I just changed the size of my logo as to not deal with this because my kills are limited.

 

I am going to post a road map for some of this soon...like in a few minutes...I will build on it, but think the footer question will be there.

Web Developer, Firebug, and Notepad++ are powerful free tools for web design.

Posted

Hey,

 

Thanks for the reply,

 

I considered that but i also installed the same one onto my site as to test the software and i made no changes to the files except replacing the logo with the exact same size png.

 

Link - as you can see on this site, it's the exact same.

Posted

Hey,

 

Thanks for the reply,

 

I considered that but i also installed the same one onto my site as to test the software and i made no changes to the files except replacing the logo with the exact same size png.

 

Link - as you can see on this site, it's the exact same.

this is the road map for 2.3.1 I am starting http://www.oscommerce.com/forums/topic/368458-231-a-how-to-road-mapno-questions-just-how-tos-please/

Web Developer, Firebug, and Notepad++ are powerful free tools for web design.

Posted

seems i fixed the checkout buttons myself.

 

Heres what i did:

 

Open: includes/header.php

 

Find: 
<div id="headerShortcuts">

 

Replace with:
<div id="headerbuttonsshort">

 

Find:
<div id="headerbuttonsshort">
 <?php
 echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART)) .
      tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) .
      tep_draw_button(HEADER_TITLE_MY_ACCOUNT, 'person', tep_href_link(FILENAME_ACCOUNT, '', 'SSL'));

 if (tep_session_is_registered('customer_id')) {
   echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, '', 'SSL'));
 }
?>
</div>

<script type="text/javascript">
 $("#headerShortcuts").buttonset();
</script>

 

Move Above of:

<?php
/*
 $Id$

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 

Open: stylesheet.css

 

Find:
#headerShortcuts {
 float: right;
 margin-top: 15px;
}

 

Add After:
#headerbuttonsshort {
 float: right;
 margin-right: 4px;
 margin-top: 2px;
 margin-bottom: 1px;
}

 

I tried editing the "#headerShortcuts" tot he way the new one is but it didn't want to work.

 

 

I'm still stuck on the footer though.

 

also i am trying to add a jquery slider to the front page (replacing the "Welcome message" in index.php)

but it says i need to add this code to the top of the page

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

and when i do it fails to work (i also change the link directory to the correct ones) but also gives me a error with the session.php file, is there a certain place i need to put code other than in the index.php file?

 

 

Thanks in advance ^^

Posted

anyone able to help me with the footer problem and jquery problem? been without a pc the past 4/5 days so not been able to do anything to figure it out.

Posted

anyone able to help me with the footer problem and jquery problem? been without a pc the past 4/5 days so not been able to do anything to figure it out.

you probably saw this: http://docs.jquery.com/UI/Slider, and this: http://www.oscommerce.com/forums/topic/366099-nivo-slider-for-osc/

 

Themeroller has slider options, but as far as getting them to show, I am not sure. I imagine the code is already in 2.3.1.

 

What do you want to do with the footer?

Web Developer, Firebug, and Notepad++ are powerful free tools for web design.

Posted

you probably saw this: http://docs.jquery.com/UI/Slider, and this: http://www.oscommerce.com/forums/topic/366099-nivo-slider-for-osc/

 

Themeroller has slider options, but as far as getting them to show, I am not sure. I imagine the code is already in 2.3.1.

 

What do you want to do with the footer?

 

Thanks ^^

 

also the i want the footer to be fixed to the bottom so there is no gap at all, however every code I've tried so far does not work.

Archived

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

×
×
  • Create New...