Using frameset

Shopify Partner
39 0 0

Hi again everyone.

We're looking into using framesets to avoid having the header/navigation bar reload when the user navigates around the site. 

I'm still very new with shopify(and coding in general), but it seems as if shopify uses the same head for all pages, so not really sure how to implement this.

Tried creating a new theme which contained the frameset settings, and having index use that layout, but couldnt figure out how do do the linking properly. 

Used the following as an alternate theme:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<frameset rows="100px,*">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
</frameset
<head>
{{content_for_header}}
</head>
<body>
{{content_for_layout}}
</body>
</html>

Any suggestions or pointers would be awesome. Not really sure how to set the frame src.

Best regards. 

CoverMe.dk - Design Laptop Covers
0 Likes
Shopify Staff (Retired)
Shopify Staff (Retired)
5841 0 121

Why oh why are you trying to use framesets? Why do you think you need them? There are plenty of reasons not to, and many articles to this effect. You also risk breaking your checkout. Framesets are sort of an icky leftover from the 90's, you don't want them.

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
Shopify Partner
39 0 0

Hehe.. definetely doesnt look like I should be using frameset. Thanks for the articles Jamie.

We were just looking at framesets because that would enable us to avoid having to load the navigation bar again, when navigating around. We're looking at this just from a aestethic perspective, it's got nothing to do with load times(so far anyways). It's simply because it looks better.

Is there any other ways we could do this?

CoverMe.dk - Design Laptop Covers
0 Likes
Shopify Staff (Retired)
Shopify Staff (Retired)
5841 0 121

Why are you worried about loading the nav bar again? Is it a graphic? Have you optimized it? It should take a split second for a nav bar to load. Maybe I'm still not understanding what you are trying to do.

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
Shopify Staff (Retired)
Shopify Staff (Retired)
5841 0 121

Do you have a link? Maybe I can look at what's going on.

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
Shopify Partner
39 0 0

Everything is working as it supposed to. What we want is that the header isnt loaded or faded out/in when you navigate to another site. 

Site is: Coverme.myshopify.com

Psw: madsen

CoverMe.dk - Design Laptop Covers
0 Likes
Shopify Staff (Retired)
Shopify Staff (Retired)
5841 0 121

You just need to change the script you installed:

 

$("body").css("display", "none");
$("body").fadeIn(2000);

Change body to #bg.

 

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
Highlighted
Shopify Partner
39 0 0

Sorry for the late reply, thanks again Jamie.

Changing body to #bg, basicly just make the script not function?

CoverMe.dk - Design Laptop Covers
0 Likes