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

Mindbody Healcode Widget not functioning in 7.1


sacred

Question

  • Answers 12
  • Created
  • Last Reply

Top Posters For This Question

12 answers to this question

Recommended Posts

  • 1

@sacred As you say, this is an issue with Squarespace 7.1. The same code will work perfectly well on Squarespace 7.0.

The issue occurs because Squarespace 7.1 has a renamed header class that is the same as the one used by the healcode widget, and this causes a conflict that prevents the widget from working properly.  This causes a number of issues when the widget is added to 7.1, the most obvious being the disabling of pointer events (that prevents a user from clicking or tapping on the widget) and some formatting issues. If you add this to Design > Custom CSS it should fix this specific issue:

div.healcode .header {
  position: relative!important;
  pointer-events: auto;  
}

Let me know how you get on.

-Paul

Edited by paul2009

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

Here are some basic troubleshooting steps to help the community to help you further:

Which widget are you trying to use, the new updated widget, or the old ‘classic’ design? 

When you created the widget, what code was generated?

Do you have any other code inserted on your site?

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

Im also having problems with this! Is there a way to make this button clickable in my markdown? I want to make the black button clickable. (I've added the red one with the script alternatively if this isn't possible.) 

I've added the code above but it didnt work. 

 

Thank you!

 

 

 

Screen Shot 2020-05-26 at 11.04.01 AM.png

Link to comment
  • 0
21 hours ago, kristin.creative said:

Im also having problems with this! Is there a way to make this button clickable in my markdown? I want to make the black button clickable. (I've added the red one with the script alternatively if this isn't possible.) 

I've added the code above but it didnt work. 

 

Thank you!

Can you share link to page in screenshot?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
4 hours ago, Nomes said:

I am having an issue of my text overlapping in my Enrolments MindBody widgets (Screenshot attached) www.addictivepolefitness.net/free-class
Can anyone help with this issue please? 

Screen Shot 2020-05-28 at 1.26.13 pm.png

Seems fine here. Did you solve?

image.thumb.png.c551908fc2fec42650437aa861a1d40f.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

I struggled with these same issues so I thought I would share and see if it saved someone else the struggle.  As mentioned earlier these issues are being caused by the template css vs the .header being used in the widget. The below fixed both the click and overlapping issue (overlapping caused by position being set to absolute by the template CSS)

div.healcode .header {
  position: inherit;
  pointer-events: auto;
}

 

 

Link to comment
  • 0

I inserted the Custom CSS as suggested earlier by going to Design - Custom CSS:

div.healcode .header { position: relative!important; pointer-events: auto; }

But the Appointment Widget still doesn't deploy correctly. It looks like a static calendar but you can't click on it to search for appointment times, dates, etc. and it runs over the footer when you scroll. 

Also can't get the Frederick/Marketing Suite reviews code to display on my main page in a code block. Code is:

<div data-fred-widget-reviews></div>
<script src="https://d1yw3duy3i4qiv.cloudfront.net/js/sdk-v1.js"></script>
<script>
    FRED.init({
      locationId: "23ca8b2d-148c-4dfa-aef7-fc0444f08e3e",
      perPage: 5,
      layout: "list",
      background: "ffffff",
      titleHexColor: "8cc63f",
      starHexColor: "fcc415"
    });
</script>
 

Is this JavaScript? or CSS? or which code type? Tried them all. 

 

URL: heavenlytouchboone.com 

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