Jump to content

TreeTops

Circle Member
  • Posts

    15
  • Joined

  • Last visited

Reputation Activity

  1. Like
    TreeTops reacted to tuanphan in Possible to customize the search landing page?   
    Add to Design > Custom CSS
    .sqs-search-page-input form:last-child { display: none; }  
  2. Thanks
    TreeTops reacted to tuanphan in Possible to customize the search landing page?   
    Hi. You want to add a message on Search Page?
    Add to Settings > Advanced > Code Injection > Footer
    <script> if (window.location.pathname == '/search'){ document.querySelector('body').classList.add('sqs-search-page') } </script> <style> body.sqs-search-page .sqs-search-page-content:before { content: "custom message abc xyz"; display: block; text-align: center; margin-bottom: 20px; } </style>  
  3. Like
    TreeTops reacted to Addcontext in Search Bar Not Working   
    Site Search was iffy until recently. Now it has pretty much stopped working completely on several websites. (Try it here on https://www.ourwintergreen.org/search )
    But, here's a clue to what the issue is. On this same website we also have a targeted site search on one of the blogs, and it works pretty well. Try it with the word "fences" here: https://www.ourwintergreen.org/covenants/2020/1/14/understanding-wintergreens-covenants-is-easy
    --
    UPDATED on Nov 24, 2020:
    Email response after chat:
    I can confirm that there is an issue with the Search function on our end and the Engineers are currently working on a fix for it.

    That being said, there are many moving parts and variables that need to be addressed before we can roll out a solution here. We thoroughly test all fixes before they’re released to ensure they don’t affect other Squarespace components or customers, so as a result, resolution time often varies, and we aren’t able to provide a timeline for this.

    Thank you for your patience while we work to resolve this!
    UPDATED ON NOV 30, 2020
    Under "Fixes" today on Circle Release Notes: "
    Fixed an issue where Site Search wasn’t returning any results across sites.
  4. Like
    TreeTops reacted to Addcontext in Search Bar Not Working   
    I have good news and bad news.
    The good news:
    I have found that Microsoft offers a very good and inexpensive search. You can put it together and add java script to a Squarespace site using the Code Block. Works great after a couple of days of testing. Unlike Google, it's ad-free. Works great on the test.
    Try it here: https://wtgpoa.org/test  (password: search)
    Try "park" and "fences" and "bears"
    Here a link that introduces it. It seem this has been around for a couple of years.
    https://www.microsoft.com/en-us/bing/apis/bing-custom-search-api
    https://blogs.bing.com/Developers-Blog/2018-04/bing-custom-search-build-a-customized-site-search-experience-in-just-a-few-minutes
    The bad news:
    It's Microsoft.
    1. It is very inexpensive, I think. I cannot tell you exactly what it cost. Microsoft's Azure pricing on it's service, but especially so on this, is very complicated. (Tip: The vast majority of Squarespace users would probably sign up for what the call "Pay as You Go.")  Here's not very useful link:
    https://www.microsoft.com/en-us/bing/apis/pricing
    2. Microsoft's UI for setting this up is a nightmare. Know a bit of coding isn't going to help you much. The toss around labels such as "Endpoint," "Keys" and "Instances." There is no "done" when you're done. There is a ton of reading they want you to do.
    3. You have to set up a Microsoft account and get into Azure. Big deal? Well, good luck finding custom search when you sign in. It's all of Azure. It's one for dang thing to manage. Use the links above.
    So, am I going to use it? Maybe. It's the client's call and I'll have them test it. They're going to love it and the cost will not bother them. But, I'm a set-up and leave guy. I don't offer much support afterwards. I provide them with names of Squarespace shops who will help. But, they aren't going to know this Microsoft package, so the client will be taking a risk. I'm still thinking about what I'm going to recommend.
    Thought?
  5. Like
    TreeTops reacted to dknchris in Search Bar Not Working   
    Hi, have you tried it on Wix already? I came to Squarespace specifically for a somewhat ok markdown support but I'm disappointed that it doesn't support proper search. 
    Would be glad if someone posted a link to example site hosted on Wix that shows how search works on it.
  6. Like
    TreeTops reacted to NotACoder404 in Search Bar Not Working   
    A couple disclaimers before the post:
     
    1. I do not know how to code. Everything was done by following different guides and by brute force trial and error.
    2. I’ll post the links to everything that helped me at the appropriate point in the guide.
    3. Block out a few decent chunks of time to get this done. The guide will be broken up into sections, so the ‘breaks’ can be built in.
    4. I made this because I’ve been looking for a solution to Squarespace’s search box issue for over a year [a lot of waiting and hoping they’d fix it], and I wish a had a step-by-step guide to walk me through fixing it myself. Really hope this helps.
     
    Part 1 : Built Your Own Search Engine [see post above by ‘addcontext’]
     
    1.  Create a Microsoft Account
    2. Go to the website customsearch.ai
    3. Follow this guide to built a search engine for your specific website: https://docs.microsoft.com/en-us/azure/cognitive-services/bing-custom-search/tutorials/custom-search-web-page
    4. One thing I found unclear in the guide:
    You can build and tinker with the search engine and see the search results it will provide for different searches in the ‘configurations' tab. However, it will not work on your site until you purchase/enter an activation key. The simplest way to get the activation key: At the bottom of the ‘configuration -> hosted ui’ tab on your search engine there will be a section called ‘subscription keys’ At the bottom of that section, there will be two links, ‘click to issue free trial key,’ ‘click to issue paid tier key.’ Either link will take you to portal.azure — you might have to sign in again with Microsoft account It will ask you for a name, which subscription you want [can see a list of pricing here:https://www.microsoft.com/en-us/bing/apis/pricing]. Every option is relatively cheap, choose whichever works best for you. For the section titled ‘resource group’ click ‘create new’ underneath — I just made it the name of my site. Once you create it, you should be able to go to ‘Dashboard’ -> ‘Search’ [under 'All Resources’] -> ‘Keys and Endpoint’ [under 'research management'] -> Show Keys Enter those keys for your subscription keys  
     
    Part 2 : Integrating the Search box onto your Website
     
    If you only need the search box on a specific page: just follow step 1 -4 below. If you want the search bar at a specific part of EVERY page, keep going.
     
    1. For the search engine you created, leave the ‘configuration’ tab and go to the ‘production’ tab.
    2. You’ll be in a section called ‘Endpoints.’ Click the bottom tab in that section called ‘Hosted UI’
    3. You’ll see some text followed by ‘option 1: Javascript snippet.’ Copy the full snippet in the grey box.
    4. Go to your Squarespace Website and find the page you want your search box on.
    Edit the page -> add element -> code [in the 'more' section] Paste the code. KEEP THE CODE IN ‘HTML’ FORM, AND KEEP DISPLAY SOURCE UNCHECKED. While you are editing the site you won’t be able to see the search box, but if you open up a new browser and go to the site, it will be there.  
     
    Part 3: Getting the Search Box to the header of your website
     
    Follow this guide for reference : https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71
     
    1. Add the code block to the footer of your website.
    2. Find the ‘id’ of your code block [I’d recommend watching this whole video, but skip to 2:30 to see  https://www.youtube.com/watch?v=l-6CWVx2NW4&t=151s . If you don’t want to watch the video, follow these steps:
    Open up a new browser window and go to your website. Scroll to the footer of your website and right click on the search block and click ‘Inspect Element’ [this is at least how you do it on a Mac]. A bunch of developer code will pop up. You should see as your mouse passes over different code, that different sections of the site are highlighted. If you inspected your search box, the code pertaining to the box should be highlighted. Move your mouse up the code until the element above the search box is highlighted. The first lines of code underneath should contain your box id. Looks something like  ‘block_yui_1234567890987654321.’ Copy that.  
    3. Go to the Code injection area of your website [Settings -> Advanced -> Code Injection].
     
    In the header area, paste the following code [Again, I don’t know code. This was taken directly from https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71, so again, props to him for creating this.]:
     
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script>
    $(function(){
      let searchBlock = $(‘#BLOCK-ID-HERE)
      .attr('id', '')
      .addClass('header-search-bar');
      
    $(searchBlock).insertAfter($(‘header-title-nav-wrapper’));
      $(searchBlock).clone().addClass('mobile-header-search-bar').appendTo($('[data-folder="root"] .header-menu-nav-folder-content'));
      })
     
    </script>
     
    4. Where it says ‘block-id-here’ in bold, paste your block id. Leave the ‘#’ in before your id.
    5. Where it says ‘header-title-nav-wrapper’ in bold, insert the place you want your search bar to go. Again, this could take a little bit of work/trial and error. I found that when I put it underneath my navigation bar, the search wouldn’t work,  but when I put it underneath the site info, it would.
    Same process as getting your block id. Inspect the element on your webpage you want the search bar to follow [I ended up using ‘div.site-info’ but I really couldn’t tell you what will work for your site.  
     
    Part 4: Edit the Search Box to Look nice
    1. Go to Design -> CustomCSS
    2. Follow the Code on https://www.will-myers.com/articles/adding-a-search-bar-to-your-header-in-squarespace-71 to make adjustments to the width of the box.
    Two notes: the code on the website didn’t work for me until I replaced ‘input’ with ‘.bcs-container-searchbox’ [inspected the search box at the top of the page and used the class id.]. Also, you can change the '33%' to whatever you want to adjust the size of the box. 33% was just the size I chose to use :  
    .header-search-bar input{
    margin-left: auto;
      width:33% !important;
    }
     
    3. The rest of the adjustments, you should be able to make on your customsearch.ai site under Configuration -> Hosted UI -> Configure Color Theme -> Search Box Configurations
     
     
    Hope this helped! If you have any questions, I probably can’t answer them!
  7. Like
    TreeTops reacted to alanbrownphotography in Search Bar Not Working   
    You may as well give up. I have been trying for the past YEAR to get support to fix the very basic search function on my blog page. Each time I get the same stack message - "we are actively working on it" and each time absolutely nothing is done. I find this really insulting to the intelligence.
    NOT acceptable Squarespace.....
    I guess the fix is Wix......
  8. Like
    TreeTops reacted to avided in Search Bar Not Working   
    Same issue here. Was working when I first implemented it. Now I tested it and it isn't working. Have no idea how many potential customers I have lost due to frustration with something I assumed was working. Anyone at SS listening?
  9. Like
    TreeTops reacted to christyprice in Search Bar Not Working   
    I've been on the platform for about 3 years and in my experience search has never worked well or as expected. I hope that it's on the roadmap to fix.
  10. Like
    TreeTops reacted to CarrieT in Search Bar Not Working   
    Site URL: https://www.spiritofhealthkc.com/
    For several months now our search bar has not been working properly. We have a title called, "Best Practices For Avoiding & Combating Viruses" but if you search the full title these ways, it says it can't find anything:  "best practices for avoiding & combating viruses" "best practices for avoiding and combating viruses" "viruses" "Best Practices For Avoiding and Combating Viruses" 
    However, if you write it exactly how the blog is written with the same punctuation (caps and & symbols), it will show up "Best Practices For Avoiding & Combating Viruses" or "Viruses"
    This happens with all of our blogs. 
    I've reached out to Squarespace numerous times over the last few months about the issue. They've re-indexed the site several times and below is their most recent response. 
    Is anyone else dealing with this? Any ideas on what is going on?
     
    "After taking some additional time to investigate, I can confirm the issue you're seeing with the built-in search bar is due to an issue on our end. In this case, the issue is preventing partial phrases or keywords from returning results. In order to view a specific post in search results, the exact title needs to be entered. 

    I can also see you previously reported this issue in February, 2020 on a separate email request and can confirm we have noted your sites instance of this issue for our Design and Engineering teams to review. They’ll use this feedback when implementing fixes and improvements in future releases."
    "This bug's impact will vary depending on a number of factors like the type of site, the volume of content, how visitors navigate the site, and the ways the content is promoted or organized.  For example, a lot of sites may never experience this behavior because of their site's structure/content or how often their visitors dig up older posts. 

    For your site in particular, it looks like all of your posts are on a single Blog Page with posts dating back to 2014. If your visitors are frequently searching for older posts, you may want to consider creating multiple Blog Pages so you have an additional layer of organization - Blog Page, Category, Tag. Also, since the Blog Page and Summary Blocks display posts in chronological order, you may want to create a tag/category specifically for these popular posts.  

    You may also want to consider hiding the Search Block from your Navigation due to its inconsistent results.  You can do this from Design > Site Styles > Header:Layout > Search Position > Hide. This will encourage visitors to explore the other links and pages you've set up for finding this content."
     
  11. Thanks
    TreeTops reacted to paul2009 in letter superscript   
    You can add a line break by typing two spaces and then return. To add a blank line, simply do this twice.
    Here's an example - watch the page behind the editor window.

  12. Like
    TreeTops reacted to paul2009 in letter superscript   
    @hanna38 It will depend where you want to use this, for example in the body text or a header.
    In the body text, you can use a Markdown Block instead of a Text Block and then insert this:
    <p>Mag.<sup>a</sup></p> If you need it as a H1 Header, you'd use this instead:
    # Mag.<sup>a</sup> If you need more help, please provide a working link to the page in your question. If your site isn't live yet, please set a site password and tell us what it is. 

    Let me know how you get on.
    -Paul
  13. Like
    TreeTops reacted to paul2009 in letter superscript   
    No worries. You can add some styles to Design > Custom CSS. For example, the "Zebra.." heading is a 'h3' heading that would normally follow a paragraph 'p'. By adding the CSS below, you could choose how much margin should be above each h3 heading. You can adjust 47-pixels to match your needs:
    .sqs-block-markdown p+h3 { margin-top: 47px; }  
  14. Like
    TreeTops reacted to paul2009 in letter superscript   
    Markdown Blocks are more useful than Code Blocks, because you can continue to format your text with a Markdown Block, like you would in an ordinary Text Block. To add an H1 title, you just type # and the name of your title. To add an H2 title, you just type ## and the name of your title. To add an H3 title, you just type ### and the name of your title, and so on.
    Instead of using a combination of Text Blocks and Markdown Blocks, you could use a single Markdown Block for all the text, or at least all the text between other Blocks such as images. As an example, here's an extract of your page as it is now:

    Here's the same extract, with all the text added to a single Markdown Block:

    You'll see that because the text is all in one block, there aren't additional spaces above and below the first paragraph.
    I hope this makes sense 🙂
  15. Like
    TreeTops reacted to paul2009 in letter superscript   
    No problem 😊
    You should be able to control line spacing overall, either from the Site Styles panel or with some Custom CSS. The only reason Hanna needed more specific CSS was because she only wanted to change two specific blocks of text; the rest was to remain the same. 
  16. Like
    TreeTops reacted to tuanphan in letter superscript   
    Add Code Block > Then change text
    <table style="width:100%"> <tr> <th>Year</th> <th>Description</th> </tr> <tr> <td>Jill</td> <td>Smith</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> </tr> </table> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 15px; text-align: left; } table#t01 { width: 100%; background-color: #f1f1c1; } </style>  
  17. Like
    TreeTops reacted to paul2009 in letter superscript   
    Hey Seth
    I'd typically add these paragraphs in Markdown Blocks. 
    Markdown Blocks support italics and superscript, as explained in my post to Hanna above.

    According to Aristotle, <em>self-motion</em> is a defining feature of animals.<sup>1</sup> I hope this helps.
    -Paul
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.