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

wklz

Member
  • Content Count

    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
  3. Hello Guys, I have seen a lot of posts on this subject, today I will show you how to add a forum to your Squarespace 7 site by using a third-party service called • Muut ( http://muut.com/ ) • Muut gives you the option to create a discussion board, and provides you with the embed code to share it on your site. The service is free, although if you want a custom domain option and more styling option, you will have to purchase a premium plan. In this video, I have shown you how you could add it to your Squarespace site (to display the forum, so the code renders, you will have to either go incognito or be logged out of your site): Here you can see an example: MUUT FORUM To render the code, you will have to do one of the following: 1 • Browse in incognito mode (this will not work, if you are also logged in incognito mode). 2 • Be logged out of your site 3 • Use another browser
×
×
  • Create New...