Jump to content

Lodgify Widget not Displaying Correctly

Recommended Posts

Hello,

 

The Lodgify widget is not displaying correctly. 

The code for the widget from the website is :
 

<style>
:root {
  --ldg-psb-background: #ffffff;
  --ldg-psb-border-radius: 0.42em;
  --ldg-psb-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
  --ldg-psb-padding: 14px;
  --ldg-psb-input-background: #ffffff;
  --ldg-psb-button-border-radius: 0px;
  --ldg-psb-color-primary: #fac600;
  --ldg-psb-color-primary-lighter:#fde380;
  --ldg-psb-color-primary-darker: #7d6300;
  --ldg-psb-color-primary-contrast: #333333;
  --ldg-semantic-color-primary:  #fac600;
  --ldg-semantic-color-primary-lighter: #fde380;
  --ldg-semantic-color-primary-darker: #7d6300;
  --ldg-semantic-color-primary-contrast: #333333;
}
#lodgify-search-bar { 
  position: relative;
  z-index: 999999;
  width:100%;
}
</style>
<div
  id="lodgify-search-bar"
  data-website-id="515719"
  data-language-code="en"
  data-search-page-url="https://jannetta.lodgify.com/en/all-properties"
  
  data-dates-check-in-label="Arrival"
  data-dates-check-out-label="Departure"
  data-guests-counter-label="Guests"
  data-guests-input-singular-label="{{NumberOfGuests}} guest"
  data-guests-input-plural-label="{{NumberOfGuests}} guests"
  data-location-input-label="Location"
  data-search-button-label="Search"
  
  data-new-tab="true"
  data-version="stable"
></div>
<script src="https://app.lodgify.com/portable-search-bar/stable/renderPortableSearchBar.js"></script>

 

there is no header/footer code on the website,very little CSS, the plan is Business.

 

Password to the website is : underconstruction

Website: https://jannettasbb.squarespace.com/book-your-stay

 

Thank you!

Anele

Link to comment
  • Replies 8
  • Views 203
  • Created
  • Last Reply

Top Posters In This Topic

It looks like the problem is with the code from lodgify, can they provide you with any support?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

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

 Did I help? Buy me a coffee?

Link to comment
1 hour ago, Anele0610 said:

The Lodgify widget is not displaying correctly. 

Hi @Anele0610 I don't generally see any issues with the Lodgify Search Bar on Squarespace sites. I did check your specific code by pasting it into another Squarespace site, it worked fine:

image.thumb.png.1b1dca9e09c8d9e1797a769192c8e74e.png

Yet when I load your Squarespace website, I see this, where it attempts to show it correctly and then loses the styling:

image.gif.08e4c3fce44b84ffaad64e4f2794af15.gif

As this appears to be specific to your Squarespace website it's really difficult to troubleshoot remotely but, as a first step, I recommend removing all other custom code (from Custom CSS, and from other Code Blocks or Embed Blocks on the same page) to see if this helps you to identify the cause.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
21 hours ago, paul2009 said:

Hi @Anele0610 I don't generally see any issues with the Lodgify Search Bar on Squarespace sites. I did check your specific code by pasting it into another Squarespace site, it worked fine:

image.thumb.png.1b1dca9e09c8d9e1797a769192c8e74e.png

Yet when I load your Squarespace website, I see this, where it attempts to show it correctly and then loses the styling:

image.gif.08e4c3fce44b84ffaad64e4f2794af15.gif

As this appears to be specific to your Squarespace website it's really difficult to troubleshoot remotely but, as a first step, I recommend removing all other custom code (from Custom CSS, and from other Code Blocks or Embed Blocks on the same page) to see if this helps you to identify the cause.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hey Paul,

 

Yes, I see it too. It's extremely frustrating, because this is a new page, no other code blocks or embed blocks. I deleted custom CC, it didn't affect anything. There is no header and footer code injected. There is no API added... I honestly have no clue where to go from here.

I added the code block to another website i have and it displays normally. So it seems the problem is with the exact website i need it to be on?
Any advice on what else it could be?
The support from Lodgify has not yet responded..

Thanks for thinking with me!

Link to comment
5 minutes ago, Anele0610 said:

So it seems the problem is with the exact website i need it to be on?
Any advice on what else it could be?

I would contact Sqsp and ask them to clear the site cache on their backend to see if this resolves the issue. 

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
6 hours ago, paul2009 said:

I would contact Sqsp and ask them to clear the site cache on their backend to see if this resolves the issue. 

The cache has been cleared and nothing changed... Any other ideas?
Is there a way to reset website settings but keep the design? I'm so confused on this one..

Link to comment
5 hours ago, Anele0610 said:

Lodgify is saying it's a Squarespace problem

It isn't a Lodgify problem, and as the code works on other Squarespace websites, it isn't a Squarespace "platform" problem either.

Are you sure that all Custom CSS and code has been removed from the site? 

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.