V8 Upgrade errors

[crystalsuk]

Hi

I have been pulling my hair out over the past three days.

I have recently upgraded to V8.03 from V7 and am using the Executive Theme. I have changed all of the upgraded files to the V8 files however on testing the site the following pages are incorrect;

Search results, View Basket, Check out pages 1,2,3 etc.

What is happening is that when the customer views these pages, the information is right at the bottom of the pages. they are correct on most of the pages but are incorrect on about 4-5 of the pages.

Its driving me mad mad mad mad

Can anyone help me please.....

[leehack]

Phill

I've just taken a look at your site and i cannot replicate what you are mentioning, it all seemed fine for me on what you state. Can you provide a bit more detail and the specific things that are going wrong.

The only think i could encounter that i thought was strange was after searching for a product, i click on one of the results and then add it to cart. The item gets added to the cart and then the usualy second or so delay and then it bunces me back to the serach page? Is that as you want it?

[crystalsuk]

Hi sorry should have mentioned that the site oinline is V7 and works fine

its under the test pages where the errors occur

http://www.crystalsuk.co.uk/cgi-bin/...i?ACTION=Start

is one of the pages with the prob that i am experiencing.

[leehack]

I see what you are taling about now. Its hard to decipher the source code on a site i have never seen before in a timely fashion, however i can see that the results that are showing towards the bottom are contained within their own table.

This reason this table is wrapping underneath the left nav, can be a number of things, 2 spring to mind:

The width of 600 is too wide to display in the layout you have so it wraps it underneath the left nav where it can find the next available space.

It is not properly nested with an outer table, have you been making some changes to the site and possibly deleted something?

I would find it much easier looking at the code from your design tab, select the pages you are having problems with in the design tab, copy the sode into here and keep a copy for yourself (so you can revert if needed) and reset the layout back to factory settings and see what happens.

MAKE SURE YOU DO A FULL SNAPSHOT BEFORE YOU DO ANYTHING!!!

You appear to have a left column and a right column, both using <div> tags. Can i see the style sheey you have for these, on your right column, you may need to add float:left to get it next to the left nav, rather than under it. Its important that the widths you specify do not exceed the width of the site.

There seems to be a fluid header but a set main content, i think this is probably the problem and the width of the sections is too wide to have them next to each other.

[crystalsuk]

Sorry I might sound dull here, all I done was upgraded from V7 to V8 and I am having these inheriant probs.

I know very little about the things you`ve mentioned and am totally confused as to what I need to do.

sorry if I`m sounding daft, but I have had a guts full of V8,

[leehack]

Sorry I might sound dull here, all I done was upgraded from V7 to V8 and I am having these inheriant probs.

I know very little about the things you`ve mentioned and am totally confused as to what I need to do.

sorry if I`m sounding daft, but I have had a guts full of V8,

Phill

Part of the upgrade process can do this to sites unfortunately, the upgrade process is not perfect and no software ever will be, especially when a complete new way of thinking and design is being used.

If you are uncomfortable making changes or find it all a little daunting, you may be best to contact a designer to do this for you - there are lots around. Alternatively, have a read of the help and take a look inside the software and get to grips withwhat the "design" tab is for. Once you have an understanding of this tab, i'm sure between us we can help you through. It is just much easier if we say "design tab" and you know what we mean. Without that knowledge it can be the blind leading the blind. You need to provide some code off your site for us to be able to help, to do this you need to know where to go. Within an hour or two you can get a good understanding of what the various areas are for. This makes your life a whole lot easier in making the changes we recommend. (You will spend far more than 2 hours trying to understand what the hell we are on about without a basic understanding, so it is time well spent)

[Jan]

V8 quite often uncovers coding problems in your existing site, for example when I was upgrading my sites, my product details dispeared and it was because I had a comment with no end marker in my primary template. I'm not saying your site has coding errors because I don't know but this might explain it.

Regards,

[crystalsuk]

I have checked for coding errors and none are returned

[leehack]

If you have two 400px layouts and try to squeeze them into a 700px wide layout, then it will not work, but it will also not show up as a coding error. This would be a presentation error not a coding error. In the above example a browser will just put the second layout underneath the first one as it is the only place where it can go where there's enough room. This is what i think is happening with your site. I believe that your overall layout is too narrow for your the contents you want inside it.

I may be wrong but i would need to see your code to add anything further.

[crystalsuk]

Code for Search Results

Hi Leehack this is the code for Search Results:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title><actinic:variable name="PageTitle" /></title>
<actinic:variable name="BaseHref" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="MSThemeCompatible" content="yes" />
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaKeywords%22%20%2f%3e%20%21%3d%20%22%22%29" >
<meta name="keywords" content="<actinic:variable name="GlbMetaKeywords" />" />
</actinic:block>
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaDescription%22%20%2f%3e%20%21%3d%20%22%22%29" >
<meta name="description" content="<actinic:variable name="GlbMetaDescription" />" />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22MetaKeywords%22%20%2f%3e%20%21%3d%20%22%22">
<meta name="keywords" content="<actinic:variable name="MetaKeywords" />" />
</actinic:block>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%21%3d%20%22%22">
<meta name="description" content="<actinic:variable name="MetaDescription" />" />
</actinic:block>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e"><link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />"></actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Contact%20Us%22" >
<actinic:variable value="Script for Blocking Unregistered Customers" name="UnregCustomerMessage" if="%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20FALSE" />
</actinic:block>
<link href="actinic.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* Here are some styles to override the default styles that are in the Actinic StyleSheet layout */
p, table, td, th {
line-height: 150%;
}
</style>
<script language="javascript" type="text/javascript" src="actiniccore.js"></script>
<script language="javascript" type="text/javascript" src="actinicextras.js"></script>

<!-- Placeholder of cookie checking javascript code. Do not remove it! -->
<Actinic:COOKIECHECK />

<script language="javascript" type="text/javascript">
<!--
saveReferrer();
// -->
</script>

<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27PSP%20Bounce%20Page%27%29%20AND%20%28%3cactinic%3avariable%20name%3d%22IsPSPTestMode%22%20%2f%3e%20%3d%3d%20false%29" >
<script language="JavaScript" type="text/javascript">
<!--
function onLoad()
{
document.formOCC.submit();
}
// -->
</script>
</actinic:block>

</head>

<body onload="<actinic:variable value="PreloadImages" name="OnLoadScript" />">

<!-- HEADER -->
<div class="page_header" align="center">
<div class="page_header_content">
<div class="page_header_logo_container">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="63" valign="middle"><actinic:variable name="CompanyLogoImage" /></td>
</tr>
</table>
</div>

<div class="page_header_terms_cart_login_container">

<div class="page_header_terms_container">
<actinic:block if="%3cactinic%3avariable%20name%3d%22InformationType%22%20%2f%3e%20%21%3d%20%270%27"><p class="text_terms_conditions"><a href="<actinic:variable name="InfoURL" />" class="link_terms_conditions"><actinic:variable name="InfoText" /></a></p></actinic:block>
</div>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="theme_tab1_left.gif" width="4" height="23" alt=" " /></td>
<td><div class="page_header_menu_cart"><p class="text_menu_cart"><a href="<actinic:variable name="CartLinkText" />" class="link_cart"><actinic:variable name="CartText" /></a> | <a href="<actinic:variable name="OrderLinkText" />" class="link_cart"><actinic:variable name="CheckOutText" /></a></p></div></td>
<td><div class="page_header_menu_cart_items"><p class="text_menu_cart_items"><actinic:variable name="ShoppingCartSummary" value="Shopping Cart Summary In A Line" /></p></div></td>
<td><img src="theme_tab1_right.gif" width="4" height="23" alt=" " /></td>
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
<Actinic:NOTINB2B>
<td class="page_header_menu_cart_login_spacing"><img src="theme_tab1_left.gif" width="4" height="23" alt=" " /></td>
<td><div class="page_header_menu_login"><p class="text_menu_cart"><a href="<actinic:variable name="LoginPageURL" />" class="link_cart"><actinic:variable name="LoginText" /></a></p></div></td>
<td><img src="theme_tab1_right.gif" width="4" height="23" alt=" " /></td>
</Actinic:NOTINB2B>
</actinic:block>
</tr>
</table>
</div>
</div>
</div>
<!-- END OF HEADER -->

<!-- MAIN MENU -->
<div class="page_menu" align="center">
<div class="page_menu_content">
<div class="page_menu_items"><p class="text_menu" align="left"><actinic:variable value="Home CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27" /><actinic:variable value="Sitemap CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsIncludeToSiteMap%22%20%2f%3e" /><actinic:variable name="NavigationIcon" value="Search CSS Button" /><actinic:variable name="NavigationIcon" value="Checkout CSS Button" /><actinic:variable value="Store Top CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsNavBarTopSectionOmitted%22%20%2f%3e%20%21%3d%20TRUE" /><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22"><actinic:variable value="Up A Level CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" /></actinic:block><actinic:variable name="NavigationIcon" value="Contact Us CSS Button" /></p></div>
<div class="page_menu_items_search">
<div align="right">
<actinic:variable value="Quick Search Bar With Larger Button" name="QuickSearchBar" />
</div>
</div>
</div>
</div>
<!-- END MAIN MENU -->

<!-- MAIN PAGE BODY CONTENT -->
<div class="page_body" align="center">
<div class="page_body_content">
<!-- body content left column -->
<div class="page_body_content_left_column">
<!-- left column section -->
<actinic:variable value="Top Level Section List With Horizontal Dividers" name="TopLevelSectionList" if="%3cactinic%3avariable%20name%3d%22IsTopSectionListIncluded%22%20%2f%3e" />
<!-- end left column section -->
<!-- left column section -->
<actinic:variable value="Brochure Nav Bar With Horizontal Dividers" name="BrochureNavBar" />
<!-- end left column section -->
<actinic:variable value="Sidebar Coupon Field" name="CouponEntryField" if="%3cactinic%3avariable%20name%3d%22CaptureCoupon%22%20%2f%3e" />
<!-- left column section -->
<actinic:variable value="New Products List With Horizontal Dividers" name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
<!-- end left column section -->
<!-- left column section -->
<actinic:variable value="Sidebar Best Sellers List With Horizontal Dividers" name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
<!-- end left column section -->
</div>
<!-- end body content left column -->
<!-- body content right column -->
<div class="page_body_content_right_column">

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsNotPreviewMode%22%20%2f%3e" >
<!-- When logged in, this gives the company name, username and a login link -->
<actinic:variable name="NowServing" /><actinic:variable name="CurrentAccount" /><actinic:variable name="LogoutSimple" />
</actinic:block>
<div align="center">
<actinic:variable name="HeaderFooter" value="Header Text" />
</div>

<actinic:variable name="INNERLAYOUT" />

<div align="center">
<actinic:variable name="HeaderFooter" value="Footer Text" />
</div>

<actinic:variable name="ReferrerLink" />

</div>
<!-- end body content right column -->
</div>
</div>
<!-- END MAIN PAGE BODY CONTENT -->

<!-- PAGE FOOTER -->
<div class="page_footer" align="center">
<div class="page_footer_content">
<div class="dotted_line_blue"><img src="theme_shim.gif" height="1" width="1" alt=" " /></div>
<p class="text_footer"><span class="text_menu_no_space">© 2006 <actinic:variable name="CompanyName" /></span>&nbsp; <a href="<actinic:variable name="SendMailPageLink" />" class="link_footer"><actinic:variable name="SendMailText" /></a> | <a href="<actinic:variable name="InfoURL" />" class="link_footer">Privacy Policy</a> | <a href="<actinic:variable name="InfoURL" />" class="link_footer"><actinic:variable name="InfoText" /></a></p>
</div>
</div>
<!-- END OF PAGE FOOTER -->

</body>
</html>

[leehack]

Boy that is one pile of spaghetti!!

Can you include the CSS file (Actinic Style Sheet) so i can see the CSS styles applied to these elements.

In particular i am after:

.page_body

.page_body_content

.page_body_content_left_column

.page_body_content_right_column

In theory the styling that it causing the error, will be found in the above. let's see.

[crystalsuk]

hi,

I think this is it.

/* page body fomatting elements -------------------------------------------------------- */
.page_body {
padding: 10px 0px 0px 0px;
}

.page_body_content {
width: 762px;
text-align: left;
}

.page_body_content_left_column {
float: left;
width: 170px;
}

.page_body_content_right_column {
float: right;
width: 552px;
}
/* end page body fomatting elements ----------------------------------------------------- */

[leehack]

Hi

Your site is no longer available for me to see on the web, so i will take you through what i would do as i'm half blind folded.

I'm almost 99% sure that this is a width problem.

.page_body_content {
width: 762px;
text-align: left;
}

This is setting the rules that contain the left and right hand layouts. My first port of call would be to change the "762px" to "862px". For no other reason but to give it extra width and see if this cures the problem.

DO NOT WORRY ABOUT making these changes, we have a hard copy of what they are at the moment in here now. JUST makes sure that you only touch the elements i mention here.

I would also change

.page_body_content_right_column {
float: right;
width: 552px;

to read "652px" instead of "552px" (the quotes are just to show you the exact text to change), the amended style should look like:

.page_body_content_right_column {
float: right;
width: 652px;

If that doesn't solve it i would be very surprised. If it does we can then fine tune to specific sizes. All we are doing here is giving the elements more room in which to work. The overlapping you are getting could be due to 1 or even 2px, i have added 100 just to give us a clear point of view on whether this is the problem.

Report back what you get and don't worry about making the changes, we have the original here now.

[crystalsuk]

hi leehack,

good news that has worked, I have re-uploaded the test website for your viewing.

I think this has sorted the problem.

Thanks for being so patient i really appreciate it.

Would you suggest anything else?

[leehack]

hi leehack,

good news that has worked, I have re-uploaded the test website for your viewing.
I think this has sorted the problem.
Thanks for being so patient i really appreciate it.
Would you suggest anything else?

WOOOHOOOOOOOO!! nice one, see you can do it!!

All i would suggest now is reducing those amendments down to the minimum until they stop working again. In other words i added "100" to both values to just give them more room than they needed. If you add "50" to the original values instead of 100 and then see if that works still. Basically keep reducing them down until it no longer works, BUT remember to change both instances at the same time, it's no good changing one and not the other. Whatever you are going to add to the original value it must be done on both values.

Whoever designed your site or whatever it was, it wanted a specific width. that width was too small, but i think its important for you to get back to as close to that as possible. You may find that adding "10" to both values works fine too. Get that down to the minimum so you are keeping with the overall theme.

Well done!!! You may not know a lot on this, but you can sure can read and do things as directed - thats perfect!!

Whats the URL for the test site, i can't get to it?