Community

OK, so I am using Selective Display for the sidebar content to have certain sections of navigation show in specific sections of the website. However, since the 'show on' option does not include the links in the section I need to show (weird), I have to use the other option of 'do not show on' and select all the pages I dont want the sidebar section to show up on.

This results in a number of problems that have been mentioned before in this forum, mainly that it is very cumbersome for a site that has a lot of content, and requires much more work than necessary every time a new page is added, but also results in this major problem:

pages that are in some respects auto-generated and are not listed in the 'do not show' list, and also do not have a unique page id to target specifically, end up with all the sidebar sections piled up on the page (ie: like this page) -- How do I fix this? either to only display the section/s I want to show up on these pages, or to at the very least set the page to full width with no sidebars. There are lots of these pages that I'm trying to track down, so far here is my list:

-- some login pages that are auto-generated (Guest Login)
-- account validation / login page when a new account is created (Guest Login)
-- Recover Password
-- Update Account Password
-- Password Updated
-- some search pages, etc
-- i'm sure there are more

I have been able to control some of the pages but not all of them. I have also tried jQuery with no luck so far. My jQuery attempt:

<script src="/storage/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">

if(document.title == Squarespace.Constants.WEBSITE_TITLE + " - Recover Password"){
$(#sidebar1Wrapper).css("display","none !important");
$(#content).css("width","630px !important");
};

</script>

Please help! I run into this problem on most sites I build on Squarespace, but it is very important to get this resolved ASAP for this particular project. Any help is appreciated!! I submitted a support ticket as well since I view it is a sort of internal glitch (unless there is a work-around I'm unaware of!), but I thought I would also throw it out into the forum in my desperation!!

Thanks! Dana Asper / VUELA

Thanks chris! I think I remember readingpart of that thread before and I posted a response there as well. I def consider this amajor bug with the system and have yet to see a solution that would work and keep the site editable by the client. I'm extremely frstrated right now and hoping that with some more work I can get a jquery solution worked out -- at least temporarily before SQ realizes they really need to fix this ASAP. I would hate to have to rebuild the several large projects I'm working on now on a different platform right when they are almost completed. eew. Makes me a little nauseous.

Of coarse I'm missing quotes! Thanks for that, I need to play with it some more. I haven't been able to find a common denominator in the pages I need to modify. I'd be curious if you have an idea for that - could be the solution we're looking for!

This is what worked for me for Author Profile pages:

$(function(){
$('#content .body:contains(This is your author profile page)').each(function(){
$("body").addClass("miscPage");
});
});

This works great! Thanks Chris, you're awesome! By the time I get my current projects wrapped up I should end up (hopefully) with a nice neat set of "SQ auto pages" called out through jQuery and classed so that they can be styled and so the sidebars can be addressed. hooray!

Of coarse we still have the major issue that it's a huge pain and shouldnt need to be this way, and that using the selective display method of "do not show on these pages" is extremely cumbersome for large sites - especially for client editability ... its a bit embarassing when i have to walk them through that bit of workflow!

Thanks again Chris!

Still a work in progress to get all the misc pages - and is a bit sloppy (will update as I go along) but here is what I have so far (also includes a redirect for the 'Page Not Found' -- i like to set mine to my search page and then include some text on it for if they got there by accident):

<script src="/storage/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">

var searchURL = "/search/";
if(document.title == Squarespace.Constants.WEBSITE_TITLE + " - Page Not Found"){
location = searchURL;
};

$(function(){
$('#content .document-title:contains(Recover Password), #content .document-title:contains(Update Account Password), #content .document-title:contains(Password updated)').each(function(){
$("body").addClass("miscPage");
});
});

$(function(){
$('#content .body:contains(This is your author profile page)').each(function(){
$("body").addClass("miscPage");
});
});

</script>

then apply the css you want to the class you added. currently mine are all set to .miscPage

Hello! The good staff at Squarespace has assured me that this issue will be addressed in their next update (I have been told that is in fact a larger, more difficult issue than it seems from the outside) and that they are working diligently to fix the problem.

In the meantime, here is the only process I have found so far that works for me (and keeps the site client-editable).:

-- use the built-in selective display feature and when required use the 'do not show' option to check off all the pages you do not want the sidebar section to show on. yes, this is very cumbersome and creates a ton of work, but until the next rollout of Squarespace this is the option.

-- to solve the problem of the auto-generated / misc pages that pop up from time to time, that are not included in the selective display list, some jQuery and CSS can help out:

1. upload the jQuery file to your site storage (you can get the file at jquery.com)
2. add the following code to your Website Mangement > Website Settings > Code Injection:
(the following code redirects the 'Page Not Found' page to a new page of your choice - I used a search page, and then goes on to target other misc pages that Squarespace in a sense auto-generates and that cannot be targeted by other means. -- make sure that file paths and names in the following code match your own values)

<script src="/storage/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
<!--

//***************************************
// Redirect Page Not Found
//***************************************
var searchURL = "/search/";
if(document.title == Squarespace.Constants.WEBSITE_TITLE + " - Page Not Found"){
location = searchURL;
};

//***************************************
// Target Misc Pages
//***************************************
$(function(){
$('#content .document-title:contains(Recover Password), #content .document-title:contains(Update Account Password), #content .document-title:contains(Password updated)').each(function(){
$("body").addClass("miscPage");
});

$('#content .body:contains(This is your author profile page)').each(function(){
$("body").addClass("miscPage");
});

$('#content .document-title:contains(Change Tracker)').each(function(){
$("body").addClass("miscPage");
});

$('#content .document-title:contains(Website Login), #content .document-title:contains(Login)').each(function(){
$("body").addClass("miscPage");
});

});
-->
</script>

3. in the Style Editing Mode > Custom CSS, enter some modifications for the pages that you labeled as .miscPage in the code above:

(Here is just a sample from what I did on one project)

.miscPage #sidebar1Wrapper { display: none; }
.miscPage #sidebar2Wrapper { display: none; }
.miscPage #content { width: 865px; }

with this css, both sidebars are completely removed and the content area is the full width (change the width to what is appropriate for your own layout).

It would have been great if Squarespace had offered some sort of scripted solution for those that depserately needed a work-around, but I am confident that the next rollout of Squarespace will knock our socks off!! Until then, this is the solution I am using ... let me know if you've found a better way!!! It looks like chris' code line is a bit sleeker so maybe I will revert to that, but it is using the same idea.