Jump to content

creedon

Circle Member
  • Posts

    9,466
  • Joined

  • Last visited

  • Days Won

    78

Everything posted by creedon

  1. Please see my updated Wednesday post. For the CSS you need to install.
  2. Please see the following. No. CSS can not get the job done as you can't make links with CSS.
  3. You don't have to wait. If you use the trial period install steps and then go to a paid plan the code will still work. The advantage that the paid plan install steps has is that you don't have that huge chunk of code taking up space in Settings > Advanced > Code Injection > HEADER. I have updated the install instructions to hopefully be more clear and address some issues folks have had with following them. Please give them a look-see and let us know how it goes.
  4. That code is several posts after the one I pointed to. Use the code cited from the post I linked to. It will contain the line Please see Site Wide Image Borders.
  5. Is the code installed now? I'm not seeing any signs of it.
  6. SS doesn't provide this behaviour by default. It might be possible to create some custom JavaScript code to do this but I'm not aware of anyone who has created such code. For the product detail page access to the needed data is already buried in the page. I would think the proper implementation would be to scan the data and then add some text to the page warning the site visitor that some variants are sold out. Telling them the product is sold out when there are some variants available would be a mistake I think. SS does not expose the needed data on the product listing page. Again with some custom JavaScript it may be possible to access the needed data and then add a similar warning about some variants not available. If no code exists then you would need to hire a consultant who can develop code. First they would have to determine if it is even possible.
  7. Add the following to Design > Custom CSS. .user-items-list-carousel__slide .user-items-list-carousel__media { filter : invert( 1 ); } .user-items-list-carousel__slide:hover .user-items-list-carousel__media { filter : invert( 0 ); } This is for v7.1. I noticed the following image would not invert. Let us know how it goes.
  8. Calendar blocks do not provide the category and tag metadata so there is no built-in way to use them to create CSS rulesets from. The calendar blocks also do not distinguish the first day of a multi day event. In CSS they are just marked as multi day. With JavaScript it is possible to examine multi day events and add a class to the first day of a multi day event. Please see Calendar Block Multi Day Event First Day Class Add. Then you'd add something like the following to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection. <style> .yui3-squarespacecalendar .compact-layout .yui3-calendar-day.has-event.twc-cbmdefdca-multiday-first { background-color : CornflowerBlue; } </style> Let us know how it goes.
  9. CSS can not make elements clickable. For that you would need JavaScript. If the effect can be achieved. Image blocks have a lightbox feature.
  10. It looks correct and you can see the URL < https://daffodil-grapefruit-9eap.squarespace.com/scripts/pushin.min.js > is correct as it returns the script. Apparently PushIn is not defined. Although I can see some pushin stuff has been apparently loaded. As I say I don't know anything about this software so I can only relate the errors I'm seeing but not how to correct them.
  11. Looks like it's working to me! Per the notes in the code. This effect is not active in SS Preview to test it use private browsing.
  12. First issue I can see is you have some JavaScript that is not wrapped in a script tag. const container = document.querySelector('.pushin'); new PushIn(container).start(); I have no experience with pushIn.js so I can only comment on the syntax error I see.
  13. Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection. <style> #productList .product .product-image img { border : solid 10px; } </style> This is for v7.0 using the Montauk template family. Let us know how it goes.
  14. The Add Category Attribute to a Store Page Category is not installed correctly. You need to follow the first step in the instructions. Install twcsl. I also updated the CSS code to hide SHOP on the main store page as I messed up posting it. I realize that it can all be a bit confusing. Unfortunately SS did not provide for the effect you want. So we need to use JavaScript and CSS code to get to where you want to go.
  15. Some kind of dual record keeping is highly recommended folks! Most of my CSS starts out in a programmers code editor app (regular word processors usually won't cut it), saving a local on disk file. Then I copy that over to the site where needed.
  16. There is still malformed HTML in other code blocks. <div style="text-align: center" ;=""> <a href="https://www.linkedin.com/in/peter-wassmer-73b50618/" target="_blank" <="" a=""> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"> <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"> </path> </svg> </a> </div> <a href="https://www.linkedin.com/in/peter-wassmer-73b50618/" target="_blank" <="" a=""> </a> </div> All that needs to be cleaned up otherwise rendering strangeness will continue to happen.
  17. I've never seen any code that could manipulate galleries at a low level to get around SS's imposed limits. My sense is it's not possible. But if someone knows a way I'm sure they'll pipe up. My comment about the image being stored off of SS didn't have any deep thought to it. Other than to store 4000 plus images you're probably going to need something like AWS (Amazon Web Services) S3 (Simple Storage Service). I don't know.
  18. Please see the following. Then add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection. <style> :not( [data-store-category] ).tweak-products-category-title .products.collection-content-wrapper .nested-category-title { display : none; } </style> This is for v7.1. Let us know how it goes.
×
×
  • 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.