jpwv
Member-
Content Count
77 -
Joined
-
Last visited
-
Days Won
1
Everything posted by jpwv
-
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
To have a folder in the navigation header link directly to a page: First you have to have a page to link to the Not Linked section of your page list. Then you can use the Header code injection. (Home)/ Settings/ Advanced/Code Injection/Header ... paste HTML code. <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(function() { $('.main-nav li a').each(function () { if ($(this).text() == 'Folder1') { $(this).attr('href','http://www.hsustudios.com/page1'); $(this).attr('onclick','true'); } if ($(this).text() == 'Folder2') { $(this).attr('hre -
How to add a Search Block to the header?
jpwv replied to jpwv's question in Coding and Customization
Not sure. I did not use the search in header on my website, so I did not investigate it further.It's possible that this code worked for earlier SqSp version. @arthurm above seems to be suggesting adding a search page to your header navigation menu with some added trickery. Or you could just have a page with the search function by itself? Not elegant, but functional. -
How to add a Search Block to the header?
jpwv replied to jpwv's question in Coding and Customization
Not sure. I did not use the search in header on my website, so I did not investigate it further.It's possible that this code worked for earlier SqSp version. @arthurm above seems to be suggesting adding a search page to your header navigation menu with some added trickery. Or you could just have a page with the search function by itself? Not elegant, but functional. -
How to add a Search Block to the header?
jpwv replied to jpwv's question in Coding and Customization
I tried this code and it did put a search block in header. I did not play with trying to position it. Instead I put the search block in footer. Just normal editing to place it there. However, I did make my ishimoto footer full width. <div id="search-wrapper" data-kbjs-widget="search-widget" data-autocomplete="true" data-search-id="nav-search"> <form action="/search-results"> <button type="button" id="search-button"></button> <input type="text" id="nav-search-box" name="q" placeholder="Search"> <p class="search-ins -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
Be sure you copy the code exactly and do not delete any of the ' marks when you copy your links into it. I suggest making the changes in a text editing window and pasting that into the Header Code Injector. Be sure you are not working on a single page, but the whole site. -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
No experience with Dovetail. All I can think of is to be sure you are putting this into the HEADER INJECTOR, not the CSS injector. Be sure you capitalize your folder name in exactly the same way you use it in the header. Also be sure the target URL is exactly correct as well. -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
See the code in the post starting with " Last try: " -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
Seems to work on an iPad. -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
This code is incomplete. See later post below beginning with Last Try.This snippet will add folders to the list if you insert it in the right place. See below as well. -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
This goes between the last single } and the following line }); I hope this is clear now. -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
if ($(this).text() == 'FolderName') { $(this).attr('href','http://www.TargetWebPage'); $(this).attr('onclick','true'); } -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
OK. Finally. This is what you paste into the Header Code Injector. Replace FolderName and TargetWebPage with your info. The first line with the < ... > is only a note and will not affect coding if deleted. You can add more folder actions by adding the following code after the last single } . -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
Last try: <!-- makes navigation folder a clickable link --> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(function() { $('.main-nav li a').each(function () { if ($(this).text() == 'FolderName') { $(this).attr('href','http://www.TargetWebPage'); $(this).attr('onclick','true'); } }); }); </script> -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
Here is a repost of the code. This bloggish site takes out returns... See the post that begins with Last try.... -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
Paste in code from below. Replacing FolderName with your folder, and TargetWebPage with the page you want the link to open. -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
You must be sure you are injecting this into the HEADER CODE INJECTOR space for HTML. This is not CSS. To find this space, go to the editing pane where there is a list on the left that starts with PAGES and ends with HELP. Just above Help is the SETTINGS link. Click that, then Advanced, then Code Injector. The Header window injection place should be at the top of the that section. -
How do you make a dropdown navigation folder clickable?
jpwv replied to jasonbarone's question in Coding and Customization
Move your overview page to the NOT LINKED section of your PAGES list. The problem you are having is because your overview page is in the navigation folder. Everything in that folder will show. This is how I got it to work for me. I don't you will need the added code you quoted above. -
Can I link a folder to a specific page?
jpwv replied to UtopiaCreates's question in Coding and Customization
This html goes in Settings / Advanced / Code Injection / Header... And it works. Add more sections if you have more folders to include. } if ($(this).text() == 'Folder 2') { $(this).attr('href','http://www.page2'); $(this).attr('onclick','true'); -
How do you make a dropdown navigation folder clickable?
jpwv replied to jasonbarone's question in Coding and Customization
All four lines is the code you need to inject. -
How do you make a dropdown navigation folder clickable?
jpwv replied to jasonbarone's question in Coding and Customization
$(function() { $('.main-nav li a').each(function () { if ($(this).text() == 'Folder 1') { $(this).attr('href','http://www.page1'); $(this).attr('onclick','true'); } if ($(this).text() == 'Folder 2') { $(this).attr('href','http://www.page2'); $(this).attr('onclick','true'); } }); }); -
How do you make a dropdown navigation folder clickable?
jpwv replied to jasonbarone's question in Coding and Customization
Add this html to the Header code injection. Settings / Advanced / Code Injection / Header ... <script src="http://code.jquery.com/jquery-latest.min.js"></script> Add more sections for more folder (Folder 3....) -
How to add a Search Block to the header?
jpwv replied to jpwv's question in Coding and Customization
silvabokis: The issue is the script and custom css. Are you willing to share?Is this the code you are talking about? http://www.silvabokis.com/news-views/2013/4/10/jvw4vybhjdmquivptb5sbo8tfw3c3q?rq=search -
How to add a Search Block to the header?
jpwv replied to jpwv's question in Coding and Customization
Yes, that is correct. However, having it in the footer can be a temporary work around until you can figure out the trickery you need to get it into the header. -
How to add a Search Block to the header?
jpwv replied to jpwv's question in Coding and Customization
A Search Block can be added to the footer using the standard editing tools. -
Go to page, view the page source and find url-slug","id (or "fullurl") The collection ID will be between those two possible search parameters.