Jump to content

beren

Circle Member
  • Posts

    29
  • Joined

  • Last visited

Reputation Activity

  1. Like
    beren reacted to Tefty in 2 Part File Manager - Locate upload date and remove file   
    I have been running our K12 Secondary schools website on Squarespace now for 5+ years and I wish they would make a semi-decent file manager.
    We must have 100's if not 1000's of old PDF's, DOC's and PPT's but no way to manage/delete these in bulk and I'm sure they are clogging up Squarespace storage along with making our storage slow of browse when linking.
    I am not prepared to sit their deleting individual files via the link editor as that's just stupid for our volume.
    Maybe one day they will do us all a favour and extend the file manager to support any file type not just media file types.
  2. Like
    beren got a reaction from tuanphan in 7.1 - change color of one item in navigation   
    Thank you @tuanphan - Very helpful and helped me fix another issue I literally just posted a question on! Double win
  3. Like
    beren reacted to paul2009 in An exclusive Members Area which is NOT for public sale   
    Unfortunately Squarespace have not prioritised this functionality and so it doesn’t currently exist. Please see my post here:
     
  4. Like
    beren reacted to sayreambrosio in An exclusive Members Area which is NOT for public sale   
    @beren Unfortunately you can't manually add members. Here's a help desk article that may be helpful. https://support.squarespace.com/hc/en-us/articles/360050366952-Getting-started-with-Member-Areas
  5. Like
    beren got a reaction from paul2009 in An exclusive Members Area which is NOT for public sale   
    Apologies if this has already been answered but I couldn't seem to find what I was looking for in which someone has done what I'm trying to achieve.
    I would like to build a members area for a client in which nobody can 'sign up' or buy this course online, however it's not a free area. My client sells corporate coaching and as part of that coaching, we currently have Thinkific setup which takes them through 7 modules of learning. We'd like to move away from Thinkific and place the content directly into his new 7.1 SQSP site that we're building.
    So in my mind, there will not be anyway for someone to 'buy' this product from his new site, but when he sells a coaching program, we need to be able to add that person to the members area with their unique username/password so they can access the content.
    I'm just not sure of the best practice on how to set this up as it sounds like I want to set this up as a 'Free' account (SQSP definition: Visitors can access a member area’s gated content free of charge after establishing a customer account.) because I want them to have a customer account.
    However I don't want just anyone to be able to access this so unless I can completely hide the sign up page maybe I need a 'Fixed Amount' which I set to a ridiculous amount that nobody would pay. And then just manually add people as we sell coaching programs.
    Thoughts?
  6. Like
    beren reacted to tuanphan in Adding text to header   
    Add to Home > Design > Custom CSS
    .header-nav:before { content: "enter your text"; display: block; position: relative; top: -50px; }  
  7. Like
    beren reacted to paul2009 in Anyone successfully pulling customer data out at POS to use elsewhere?   
    Instead of making regular API calls to check if an order has been created you can use the Webhook Subscriptions API to subscribe to Order create events. By doing this you will only receive notifications from Squarespace when an order is created. To receive notifications you'll need create a webhook subscription using the Webhook Subscriptions API and use OAuth access permissions to authenticate.
    However, I do want to set your expectations of what is possible if you do not have regular access to a software developer. I say this because APIs are technically complex and require a non-Squarespace platform to interface to back to Squarespace. As you mentioned, this other platform could be a third-party RPA tool such as Make (formally Integromat) which would allow a non-coder to add the necessary workflow automation, but they require a good working understanding of APIs, JSON and other technologies if they are to monitor, troubleshoot and update the workflow when it becomes necessary - which it will. No cloud software platform remains static - including Squarespace and Make.
    I hope this helps.
    Is this post informative? Please give feedback by clicking an icon below  ⬇️
  8. Thanks
    beren reacted to jpeter in Change mobile navigation in 7.1   
    @beren Glad it worked for you! I updated the CSS by adding some comments to each CSS ruleset that will hopefully help you figure my logic behind the styles.
  9. Like
    beren reacted to jpeter in Change mobile navigation in 7.1   
    Adding the following CSS should put you in a good spot:
    /* Mobile nav styles */ @media (max-width: 799px){ /* Make the sub menu and container that contains the icons spaced apart into a column */ .header--menu-open .header-menu .header-menu-nav-list { display: flex; flex-direction: column; justify-content: space-between; } /* Override default properties to bring the sub menu into view */ .header-menu-nav-folder { position: relative; transform: translateX(0); min-height: auto; } /* Reduce the font size and adjust the space between the lines */ .header-menu-nav-folder a { font-size: 2.1rem; line-height: 1; } /* Override the default `position` and `min-height` properties of the main menu container that also contains the icons and place it below the sub menu using the `order` property. */ .header-menu-nav-folder[data-folder="root"] { position: relative; min-height: auto; order: 2; } /* Hide the container of the main menu */ .header-menu-nav-folder[data-folder="root"] .header-menu-nav-folder-content { display: none; } /* Hide the back button */ .header-menu-controls-control[data-action="back"] { display: none; } } See article on how to add CSS: https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript
  10. Like
    beren got a reaction from brandon in Gallery Caption workarounds for 7.1?   
    @brandon
    Thank you so much. This is brilliant.
  11. Thanks
    beren reacted to brandon in Gallery Caption workarounds for 7.1?   
    Update 5/26/2020: Squarespace has added the ability to add image descriptions/captions to 7.1 gallery sections. See here. There are some limitations, such as not appearing in lightbox view and not supporting multiple lines. So, the workaround below may still be of use.
    ---------------------------------------------------------------------
    Hi @dan3.
    Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 .
    View Demo Site
    JavaScript
    Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script>  
    CSS
    Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { position: static; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); transition: opacity 0.1s ease-out; } .gallery-lightbox-item[data-in=false] .gallery-item-description { opacity: 0; } This is of course experimental. Do let me know how it works for you, or if you have questions.
    If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date.
    -Brandon
  12. Like
    beren reacted to casson in How to slow down the fade transition in a 7.1 Gallery Slideshow   
    Hi,
    The fade transition time between images in a 7.1 Gallery Section Slideshow is too abrupt. SS cannot assist as it requires code injection. Does anyone know of some code that will slow the fade down so there is a slow cross-fade effect between images? The code below works in 7.0 (in the page's CSS) but it doesn't work in 7.1 (Gallery Section inserted into a Blank Page).
    Many thanks.
    <style>
    .slide { visibility: visible !important;
    -webkit-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out; }
     </style>
×
×
  • 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.