Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

wklz

Member
  • Posts

    73
  • Joined

  • Last visited

  • Days Won

    6
  1. In order to achieve Show/Hide FAQs you can use the Markdown Block and a jQuery script, as shown in this tutorial on this site (here) First, you need to inject this code call below, in the site-wide Code Injection (Settings > Advanced > Code Injection Header): Code call: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> Then, you need to add this jQuery script below in the page specific Code Injection: <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); </script> Then you will need to add a Markdown Block on the page with the following structure: ## **+ QUESTION 1** REPLY 1 ## **+ QUESTION 2** REPLY 2 ## **+ QUESTION 3** REPLY 3 In this video below, I have guided you through the whole process: SOURCE FOR THE CODE: Silva Bokis
  2. Hello Guys, I have seen a lot of posts on this subject, today I will show you how to add a search lens in the navigation bar (in the header) in Squarespace 7 using the tutorial made by the Squarespace Guru for Squarespace 6, that you can find here This is how it looks like: You will need to follow these steps: 1) Retrieve the search address for your Squarespace site, every Squarespace site has one. • If you have a custom domain it will be as follows: www.yourdomain.com/search • If you do not have a custom domain linked to your site, it will be as follows: www.yourusername.squarespace.com/search 2) Add in the Code Injection, in the header section the following code in Settings >> Advanced >> Code Injection >> Header: <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> This video shows you how to do it: 3) Add a link under the main navigation and name it the following: <i class=" fa fa-search"></i> Here is the video that shows you how to do it in Squarespace 7: As a note, it might take a few minutes for the lens icon to display. SOURCE: Squarespace Guru
×
×
  • Create New...