Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / page transition not smooth..

page transition not smooth..

Locked

Views: 2,133

Results 1 to 18 of 18
This thread is locked. New replies are disabled.
8 Jan 2010, 7:27 PM
#1
ljbird avatar

ljbird

New Zenner

Join Date:
Jan 2010
Posts:
11
Plugin Contributions:
0

page transition not smooth..

Hello,

I recently moved my zen cart site from a temporary folder on my server to the www. folder. In the process I must have done something inadvertent to it, because it now does not smoothly transition from one page to the other. There is a black screen flash between pages.

I am told it is not apparent on IE but since I don't have IE I can not confirm that. I do know it is very apparent in Opera, Firefox, and Safari.

Has anyone experienced this and if so what did you do to fix it? Or do I have to live with a jarring page transition? It did not do this before the move. I am still in the process of building the site, though I have made no changes to it before or after the move. Please help.

Thanks

8 Jan 2010, 11:40 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: page transition not smooth..

We can't see anything to be able to venture a guess without a link

8 Jan 2010, 11:50 PM
#3
ljbird avatar

ljbird

New Zenner

Join Date:
Jan 2010
Posts:
11
Plugin Contributions:
0

Re: page transition not smooth..

9 Jan 2010, 12:00 AM
#4
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,638
Plugin Contributions:
0

Re: page transition not smooth..

That a problem your template designer needs to sort out.

9 Jan 2010, 12:01 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: page transition not smooth..

I see no black flash on page transitions in Firefox 3.5, and my computer is slower than most.

OK, you have to have javascript/flash enabled for the site to see the effect...

9 Jan 2010, 12:05 AM
#6
tino_schlegel avatar

tino_schlegel

Totally Zenned

Join Date:
Nov 2007
Location:
Melbourne, Australia
Posts:
532
Plugin Contributions:
0

Re: page transition not smooth..

I guess its bacause you use a black background for you body that is shown first and inside a white box of the size of the flash window. I guess first try is to have a white background, and than make the header section black.

9 Jan 2010, 12:52 AM
#7
ljbird avatar

ljbird

New Zenner

Join Date:
Jan 2010
Posts:
11
Plugin Contributions:
0

Re: page transition not smooth..

Thanks for your reply s , I will keep looking since the only things different from the day before yesterday is it's server location and the black flash. Everything else is the same as it has been for the past four months. It seems to me it is loading the whole page at every transition and it shouldn't.

9 Jan 2010, 12:55 AM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: page transition not smooth..

It seems to me it is loading the whole page at every transition and it shouldn't.
It actually should as these are not static pages but each is built server side and then delivered

9 Jan 2010, 2:32 AM
#9
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: page transition not smooth..

Perhaps something was being cached in the old location but is not being cached (yet?) in the new. For such an odd thing to happen (taking the OP's description at face value) I would ask the server folk what's different about the new location.

Rob

9 Jan 2010, 2:59 AM
#10
jackie_taferner avatar

jackie_taferner

Totally Zenned

Join Date:
Jun 2009
Location:
Orange County, California
Posts:
547
Plugin Contributions:
3

Re: page transition not smooth..

I do see that black transition, using FF 3.5

My best guess is that the CSS stylesheet is styling the body background black, then the other styles are applied on top of it.

Try opening the stylesheet and see if you find something like this:

body {
background-color: black;
}

and delete that color line.

but i could be wrong... seems strange to me that it happens only after moving the files. well, give it a shot anyhow.

9 Jan 2010, 1:55 PM
#11
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: page transition not smooth..

It's at the top of stylesheet_tm.css. Change the background color line from...
background:#0F0705;
... to ...
background:white;
... just as a test. At least you won't see the black during the transition.

Rob

9 Jan 2010, 6:09 PM
#12
ljbird avatar

ljbird

New Zenner

Join Date:
Jan 2010
Posts:
11
Plugin Contributions:
0

Re: page transition not smooth..

With the spirit of I'll try anything. I changed the background to white. Doing so changed the look of the page considerably and the flash did not go away it turned white.
I am considering a new install, is there any way to do so with out losing all the style changes I have made to this one? I am also considering trashing the whole thing and doing something I can finish because this has gone on way too long for a website and I am becoming discouraged.

9 Jan 2010, 7:09 PM
#13
jackie_taferner avatar

jackie_taferner

Totally Zenned

Join Date:
Jun 2009
Location:
Orange County, California
Posts:
547
Plugin Contributions:
3

Re: page transition not smooth..

ljbird, I think it looks OK now, i don't think there's a need to scrap it.

The transition is simply the load time it takes the server to send the page information to your browser. The average user won't even notice, and if they do it's still a pretty standard thing. If you go to any website, it takes load time to get the content on the page, thus showing the background color in the transition.

9 Jan 2010, 10:59 PM
#14
ljbird avatar

ljbird

New Zenner

Join Date:
Jan 2010
Posts:
11
Plugin Contributions:
0

Re: page transition not smooth..

Thanks I know it is no big deal but to me it is. So I am now having the hosting company restore everything to the way it was before the move and I will start over. Smarter this time I hope and wise enough not to make the same mistake.

9 Jan 2010, 11:12 PM
#15
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: page transition not smooth..

It was mentioned earlier that with JS disabled one does not see the transition problem.
I can verify it is true.

I would guess the problem JS code is here:

<div class="head"><!--bof-branding display--> <center><script src="[includes/templates/theme064/js/effect1.js](http://www.zen-cart.com/forum/view-source:http://adornmentsinsilver.com/includes/templates/theme064/js/effect1.js)"></script></center> </div> <!--eof-branding display-->

Remove it and see what happens. You could also have your page better coded, to prevent this type of JS problem and to correct other HTML errors -- which may be adding to your current problem.

9 Jan 2010, 11:44 PM
#16
ljbird avatar

ljbird

New Zenner

Join Date:
Jan 2010
Posts:
11
Plugin Contributions:
0

Re: page transition not smooth..

Where do I look to remove that bit of code?

10 Jan 2010, 5:09 AM
#17
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: page transition not smooth..

includes/templates/theme064/common/tpl_header.php - should be the file to edit.

10 Jan 2010, 6:04 PM
#18
ljbird avatar

ljbird

New Zenner

Join Date:
Jan 2010
Posts:
11
Plugin Contributions:
0

Re: page transition not smooth..

well that got rid of the flash in more ways than one. Can you tell me how I should put the flash element in the header. Or if not flash something else that rotates photos.

Thanks for everyone's help. I still don't understand why moving the site would have caused a problem where there wasn't one before but I am past that now and moving on.