Jump to content

Anchor Link - Card Block

Recommended Posts

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

You can put code with an ID in most places on your website, and you can link to these IDs from the footer. Check this guide out: 
https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
3 hours ago, Ziggy said:

You can put code with an ID in most places on your website, and you can link to these IDs from the footer. Check this guide out: 
https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links

Thank you @Ziggy. Always helpful but unfortunately with card blocks, you can't insert IDs (at least not that I've figured out). If you know of a trick, would love to hear!

Link to comment
18 hours ago, geearias said:

Thanks for asking. PW: artisan
All lowercase.

Add this code to Settings > Advanced > Code Injection > Footer. This code will add ID: adjustments to adjustments Card Block. If it works, we will give code for other cards

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
$('div#block-yui_3_17_2_1_1657683252102_11494').attr('id','adjustments');
});
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
15 hours ago, tuanphan said:

Add this code to Settings > Advanced > Code Injection > Footer. This code will add ID: adjustments to adjustments Card Block. If it works, we will give code for other cards

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
$('div#block-yui_3_17_2_1_1657683252102_11494').attr('id','adjustments');
});
</script>

 

@tuanphan- Does this mean it should lead to https://artisanchiropractic.squarespace.com/services/#adjustments?

Link to comment
On 9/22/2022 at 11:24 AM, geearias said:

 

On 9/22/2022 at 11:24 AM, geearias said:

The code will added id adjustments to first card block

then you can add anchor link #adjustments

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.