Jump to content

Inscape

Circle Member
  • Posts

    99
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Inscape got a reaction from tuanphan in Automatically display text when summary block is empty   
    If you have more than one Summary Block, you can target the specific one you want to display the message by using its block id as shown below (where it says 'block-numbersandletters'):
    <div id="no-events"></div> <script> window.addEventListener('DOMContentLoaded', (event) => { var summaryExists = document.getElementById('block-99b2e1d5ac7d9ed116cd').getElementsByClassName("summary-title")[0]; if (summaryExists == null) { document.getElementById('no-events').innerHTML = "There are no upcoming events at this time. Check back soon!"; } }); </script> To find the block id, use the "Squarespace ID Finder" Chrome Extension or use your Chrome inspection tool to find the id for the summary block.
  2. Like
    Inscape reacted to tuanphan in Hide/Show Content Description Text   
    I used to do similar with List Section, my ideal is to add this

    the add this code to Page Header Code Injection to enable more info when users click Read Bio text
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('li.list-item').each(function(i, e) { $(this).click(function() { $(this).toggleClass('tp-list-des-open'); }); }) }); </script> <style> .list-item-media:hover, h2.list-item-content__title:hover { cursor: pointer; } .list-item-content__description { height: 0; overflow: hidden; transition: all 0.1s ease; } .tp-list-des-open .list-item-content__description { height: 100%; transition: all 0.1s ease; } h2.list-item-content__title:after { content: "Read Bio"; display: block; font-size: 14px; font-style: italic; margin-top: 20px; } .tp-list-des-open h2.list-item-content__title:after {opacity:0;} </style>  
  3. Like
    Inscape reacted to Ziggy in Logo/Header Shrink on Scroll   
    I don't have a plug-and-play solution, but these may be a starting point:
    https://www.ghostplugins.com/steps/shrinking-logo-on-scroll
    https://schwartz-edmisten.com/blog/shrink-logo-on-scroll-in-squarespace-71
  4. Like
    Inscape got a reaction from SavoryAlaska in Repeating events on calendar   
    I checked out your app and it looks fantastic. But even your cheapest plan is quite expensive... more expensive than Squarespace's Business Plan. So the calendar would cost my clients more than their whole website. I work with small businesses and nonprofits (such as churches and schools) who are not making money off their events. I want to suggest that your app develop a "non-ticketing" plan that is actually affordable for those who are not selling tickets... comparable to Loxi.io which is $8/month. Thanks for sharing!
  5. Like
    Inscape reacted to mccaslin in Gallery Grid with Overlay Captions on Hover - link not working?   
    THANK YOU! That solved it for me and I was tearing my hair out over this one.
  6. Like
    Inscape reacted to spongebob-smc in Gallery Grid with Overlay Captions on Hover - link not working?   
    Found a fix: 
     
    .gallery-caption{     pointer-events: none; }  
  7. Like
    Inscape got a reaction from albrechtvoss in Translate Auto-Inserted Form Field Labels in Contact Form   
    @Greg_pns and @HeyItsPrescott, I ended up solving this by using a CSS pseudo-element instead of a script. In custom CSS, added:
    .field.first-name .caption-text {visibility:hidden} .field.first-name .caption-text::before {content:"Prénom"; display:inline-block !important; visibility:visible !important;} .field.last-name .caption-text {visibility:hidden} .field.last-name .caption-text::before {content:"Nom de famille"; display:inline-block !important; visibility:visible !important;} .description.required {visibility:hidden} .description.required::before {content:"(requis)"; display:inline-block; visibility:visible} Hope this helps!
  8. Love
    Inscape reacted to HeyItsPrescott in Translate Auto-Inserted Form Field Labels in Contact Form   
    Success!! Thanks, @Inscape and @Greg_pns! Whether by CSS or JavaScript, both seem to do the trick ... thanks! | merci! | ¡gracias!
  9. Like
    Inscape got a reaction from HeyItsPrescott in Translate Auto-Inserted Form Field Labels in Contact Form   
    @Greg_pns and @HeyItsPrescott, I ended up solving this by using a CSS pseudo-element instead of a script. In custom CSS, added:
    .field.first-name .caption-text {visibility:hidden} .field.first-name .caption-text::before {content:"Prénom"; display:inline-block !important; visibility:visible !important;} .field.last-name .caption-text {visibility:hidden} .field.last-name .caption-text::before {content:"Nom de famille"; display:inline-block !important; visibility:visible !important;} .description.required {visibility:hidden} .description.required::before {content:"(requis)"; display:inline-block; visibility:visible} Hope this helps!
  10. Like
    Inscape got a reaction from tuanphan in Intercept Form with Required Fields   
    Thanks for all your help with this @creedon.
  11. Thanks
    Inscape got a reaction from creedon in Intercept Form with Required Fields   
    Thanks for all your help with this @creedon.
  12. Like
    Inscape reacted to creedon in Intercept Form with Required Fields   
    It was and they are now over many of our heads. The overhead of React forms boggles my mind why anyone would think it is better than normal web forms client side.
    I make no claims at this point if anything I talk about will actually work with these new React forms.
    On your change event code. The following code may work with the new way of doing things.
    $('#bins').on('change', function() { const selector = '#text-f8c41f2d-6eba-473a-8828-aa3c04a210fb-field'; const value = $(this).val(); const element = $(selector).get(0); changeValue(element,value) }); I don't think your onload code will work at all. This is because of how SS is loading the forms twice which I have touched on in this thread. The only reliable way you might address the initializing the form phase of your code is to use a MutationObserver.
    My Form Block Wrapper Observe Changes code does this and you can write callbacks to do things you need done.
  13. Like
    Inscape got a reaction from Alebbj in How to add a video as product images   
    Hi, not sure if you ever solved this. I just came up with a solution for a client that works perfectly. If you add a video block in the Additonal Info section, this code pops the video above your image gallery. You need to add it to your sitewide Code Injection, in the Header Code area:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script> $(document).ready(function(){ $(".sqs-block-video").insertBefore('.ProductItem-gallery-slides'); }); </script> You can see the result live here: https://ademiboutique.squarespace.com/shop/paris. This is a 7.0 Brine site but as far as I can tell should work the same on 7.1. I can only vouch for it working with a single video block in the Additional Info section. Hope this helps though it was a while ago you asked the question!
  14. Like
  15. Like
    Inscape reacted to Laurelb01 in Anchor link to page section not working!   
    Thanks for this @inside_the_square  I'm actually familiar with this method! My challenge is that this section is a list section (the templated one) and therefore I actually can't add a code block above the title.

    Any other thoughts / recommendations?
  16. Like
    Inscape got a reaction from jarvisv12 in Fluid Engine Bug?: Accordion Block Moves Image Block When Accordion Opens   
    When I reported it to Squarespace, their response suggested they do not consider it a bug. They said they would relay my feedback to the design team, but they didn't use the typical language I have seen from them in the past when acknowledging bugs and saying they are working on a fix. They didn't fix it in advance because they didn't see it as a problem. Therefore, everyone reading this post who thinks it is a problem should submit a support ticket! If they don't know we hate it, they will never fix it!
  17. Like
    Inscape reacted to Ziggy in Fluid Engine Bug?: Accordion Block Moves Image Block When Accordion Opens   
    This wouldn't happen if you set the image to align to the top of the block.
    Maybe not the best solution for your case but... you can stop the accordion stretching the grid row height, by making the accordion block larger so that instead of stretching the grid it expands into the space you have given it.
    That technique also works well for getting the accordion to expand upwards; give it extra space in the height and align the accordion in it's block to the bottom.
  18. Like
    Inscape got a reaction from Noah_Snowday_Design in Repeating events on calendar   
    I checked out your app and it looks fantastic. But even your cheapest plan is quite expensive... more expensive than Squarespace's Business Plan. So the calendar would cost my clients more than their whole website. I work with small businesses and nonprofits (such as churches and schools) who are not making money off their events. I want to suggest that your app develop a "non-ticketing" plan that is actually affordable for those who are not selling tickets... comparable to Loxi.io which is $8/month. Thanks for sharing!
  19. Like
    Inscape reacted to Heather-MissionTwist in New Subscriber notification   
    I think I found an easy fix for this. Connect a Google Sheet to your newsletter block and then set up an email notification any time the sheet is updated.
    In Squarespace > Edit Newsletter Block > Storage > Other Options > Connect Google Drive
    In Google Sheet > click Help > type Edit Notifications > Choose notify me when any changes are made > Send email right away > Save
  20. Like
    Inscape got a reaction from melmotz in Fluid Engine Bug?: Accordion Block Moves Image Block When Accordion Opens   
    When I reported it to Squarespace, their response suggested they do not consider it a bug. They said they would relay my feedback to the design team, but they didn't use the typical language I have seen from them in the past when acknowledging bugs and saying they are working on a fix. They didn't fix it in advance because they didn't see it as a problem. Therefore, everyone reading this post who thinks it is a problem should submit a support ticket! If they don't know we hate it, they will never fix it!
  21. Like
    Inscape reacted to subrosa in Custom Code - Help adding a Quick Disguised Exit button to my site (Brine template)   
    It works perfectly now, the only slight change I made was to have the bar be "fixed" as opposed to "absolute", the client wanted the bar to always be visible regardless of where the visitor was on the page. Thank you again, the nature of their website made this an important feature. 
  22. Like
    Inscape got a reaction from SantiagoLopez in Repeating events on calendar   
    I checked out your app and it looks fantastic. But even your cheapest plan is quite expensive... more expensive than Squarespace's Business Plan. So the calendar would cost my clients more than their whole website. I work with small businesses and nonprofits (such as churches and schools) who are not making money off their events. I want to suggest that your app develop a "non-ticketing" plan that is actually affordable for those who are not selling tickets... comparable to Loxi.io which is $8/month. Thanks for sharing!
  23. Love
    Inscape got a reaction from christinamcoss in Tablet view with Fluid Engine   
    Will Myers just posted a solution to the tablet spacing problem! He is offering it for free! https://www.will-myers.com/articles/fixing-the-tablet-spacing-problem-in-squarespace-fluid-engine
  24. Love
    Inscape got a reaction from ilseS in Tablet view with Fluid Engine   
    Will Myers just posted a solution to the tablet spacing problem! He is offering it for free! https://www.will-myers.com/articles/fixing-the-tablet-spacing-problem-in-squarespace-fluid-engine
  25. Like
    Inscape got a reaction from JudyWilson in Fluid Engine Bug?: Accordion Block Moves Image Block When Accordion Opens   
    When I reported it to Squarespace, their response suggested they do not consider it a bug. They said they would relay my feedback to the design team, but they didn't use the typical language I have seen from them in the past when acknowledging bugs and saying they are working on a fix. They didn't fix it in advance because they didn't see it as a problem. Therefore, everyone reading this post who thinks it is a problem should submit a support ticket! If they don't know we hate it, they will never fix it!
×
×
  • 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.