Custom Pages on Shadows

[studio6t6]

Hi all,

Bit of a baffling one for me. I'm using custom pages on a Shadows ReadyTheme Store. I've used custom pages on just standard CSSUI frameworks before but this is the first time I'm using them on a Shadows ReadyTheme (or any Readytheme for that matter). Everything seems fine except that I'm getting this extra header showing up that I can't figure out where it's coming from. As a simple test, I created an exact copy of the storefront that I'm using. I called it SFNT_TEST and made sure that the exact same Items are assigned. I attached two screenshots for both the original SFNT page and the custom one SFNT_TEST that I created. You'll see that the test one actually says "STOREFRONT TEST" on the top left.

Does anyone know why it would do that, especially considering that these are identical templates? Is there something I'm missing about setting up custom pages on ReadyThemes. The same thing happens on Elements by the way.

Thanks,

[Matt Zimmermann]

Hi Tony,

When you are duplicating a page with Shadows, or many of the Legacy ReadyThemes, there are some coding locations you will need to make static. The first, is the BODY tag. You would have to add the page code manually like this:

<body id="js-SFNT" class="o-site-wrapper t-page-sfnt">

After that, you may need to go through the global header and global footer looking for references to conditionals checking for the page code SFNT and add your new page code to them.

[Bruce - PhosphorMedia]

Hi all,

Bit of a baffling one for me. I'm using custom pages on a Shadows ReadyTheme Store. I've used custom pages on just standard CSSUI frameworks before but this is the first time I'm using them on a Shadows ReadyTheme (or any Readytheme for that matter). Everything seems fine except that I'm getting this extra header showing up that I can't figure out where it's coming from. As a simple test, I created an exact copy of the storefront that I'm using. I called it SFNT_TEST and made sure that the exact same Items are assigned. I attached two screenshots for both the original SFNT page and the custom one SFNT_TEST that I created. You'll see that the test one actually says "STOREFRONT TEST" on the top left.

Does anyone know why it would do that, especially considering that these are identical templates? Is there something I'm missing about setting up custom pages on ReadyThemes. The same thing happens on Elements by the way.

Thanks,

never mind, matt to the rescue...

[studio6t6]

Hi Matt / Bruce,

Okay, for starters, I would replace the current body tag with the custom page code like this?

<body id="js-SFNT_TEST" class="o-site-wrapper t-page-sfnt_test"> Thanks for your help.

[Matt Zimmermann]

Hi Tony,

Actually, that is what would be output by the existing code. You would want to replace the BODY tag with the one I posted.

[studio6t6]

Okay did that.

So as for the globalheader, it's littered with all sorts of conditionals referencing all sorts of pages. So if I want my custom page to behave and look like SFNT, then I need to find all the conditionals that reference SFNT and add my custom page code to that conditional?

[Matt Zimmermann]

That is correct

[lesliekirk]

Also, make sure all the same Items are assigned.

[studio6t6]

Yikes! Okay thanks, Matt.

[studio6t6]

That worked! Many thanks, Matt, Bruce, and Leslie!