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

codeandtonic

Circle Member
  • Posts

    164
  • Joined

  • Last visited

4 Followers

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. A disclaimer: This is about as advanced as you can get with Squarespace, using features really not inteded for it to achieve the solution. This is probably beyond the scope of something where we could just give a copy-pasteable code snippet as it requires quite a lot of custom stuff depending on what exactly you're after. Anyway, here's the method. Solution The only method is to add a specific string in the SKU of the product. For example you're selling tables and you have both pickup and delivery options. You would have the table with delivery have something like "sku-123-delivery" and the cheaper table with pickup option have sku like "sku-123-pickup". Now depending on the product the customer bought, you'll use custom code injection javascript in order confirmation page to get the list of SKU:s, and depending on what the SKU says you'll load a different appointment type dynamically. The way to get the purchased product details and SKUs is to use this javascript snippet: var checkoutDetails = Y.Squarespace.CommerceAnalytics._yuievt.events["commerceTrack:commerce-checkout-confirmed"]; Again, this is quite advanced stuff until Squarespace (hopefully) adds a built-in solution. If you need help, you can hit me up at hire{รค}codeandtonic.com
  2. Hi Brine is a 7.0 template but if you'll upgrade (or others have 7.1) I made a tutorial for that. Just wrote a CSS snippet to create uncropped 16:9 aspect ratio youtube background video sections in Squarespace 7.1 Check out the Squarespace โ€” Background Video Section with 16:9 Aspect Ratio -blog post. Need help? hire { at } codeandtonic.com
  3. Hi! I looked into this for guys you and solved it. I just wrote a CSS snippet to create uncropped 16:9 aspect ratio youtube background video sections in Squarespace 7.1 Check out the code and installation video guide here. Need help? hire { at } codeandtonic.com
  4. Glad to hear it! I'm going to be working on more solutions to this and will try and write more tutorials on this. Not enough info on Squarespace, Google Analytics and Tag Manager (all of which I'm specialized on). Google Tag Manager is perhaps overkill if it's only for few button clicks. But now that new Google Analytics 4 is out, our Click Tracking Plugin doesn't yet support that so GTM is the way to go. Will update the plugin soon. For any custom button/form/link tracking stuff I can also help 1-on-1: hire {รค} codeandtonic.com
  5. I wrote a blog post tutorial on the easiest method to achieve this: Check it out: How To Add Acuity Form on order confirmation page in Squarespace If you need to hire a specialist to help, hit me up: hire[รค]codeandtonic.com
  6. Hi Aracely, There are two separate problems here: 1. Make 3 images in a row without padding You can't do this with an image block. You must use gallery Block. Use the 'grid' design. In gallery block design tab, set 'Padding around the gridded images' to 0. Done! 2. Make the gallery full-width. Full-width blocks is hard so I hope you don't mind a little self-promotion: We've made a Full-width blocks plugin for Squarespace. Easiest way to create full-width blocks. Pros: + Super easy, fast solution. + If issues, you get 1-on-1 support. + Easiest to make quick changes in site content by yourself. + Refund if it doesn't work. Cons - it's not free ๐Ÿ˜ž - doesn't work with Skye template family - ajax loading must be disabled Other solutions: A) Using index page in Brine -template family. You can create an index page on Brine family. Then add your gallery block to a child-page of that index page. Add your other content above and below this child-page to different child pages. Then use custom CSS to make this child page full-width. You'll need to use developer tools to find out the ID of the index page section you have the gallery block in. Example Custom CSS: section#ingredients .Index-page-content { max-width: 100%; padding:0 !important; } This will make the child-page and gallery block full-width. It needs some coding so the plugin is definitely easier and more versatile. Pros + Free Cons - need custom coding or hiring a developer - not easy to manage or edit what's full-width and what's not - only specific templates and index pages B) Using Developer Mode You can enable developer mode and create a reusable Open Block field that is full-width. Details would depend on the template, but the idea would be like this: 1. Enable Developer mode 2. Edit the entire template to be full-width. Restrict the width of header and navigation with CSS. 3. Create a 2 classes of Open Block fields, 1 full-width and 1 restricted width. 4. Create separate Open Blocks Fields for sections you want to have full-width blocks or regular, narrower blocks. Pros + Full freedom to create any design for any page. + Any template, any page, ajax-loading ok, ajax loaded gallery pages are ok. Cons - Expensive and complex - needs hiring a developer - hard to manage or edit what's full-width and what's not. - Developer needed for content changes. Hope these help. PS. You can get in touch with us for all your Fullwidth block, Custom CSS and design problems.
  7. Paid plugin also available If you're frustrated with tutorials and want a quick solution that definitely works, check out Squarespace Click Traking Plugin. It's a paid solution, but a few dollars also makes it 100% sure to work. Money back if it doesn't and 1-on-1 support provided if you have any problems. The Squarespace Button Block is basically a link as any other, so link tracking is what you need. And it's what our plugin does. The plugin tracks outbound links, internal links, file downloads, button links, social media links etc.
  8. Super easy method ... for non-developers to is our Facebook Messenger Squarespace Plugin . It's coded specially for Squarespace and has easily adjustable options: Select how plugin should show: minimized, greeting or fade-in-outEasy on/off -switch to temporarily disable plugin Custom greeting text shown to visitors Specific greetings for specific pages Select color Select language to match site We guarantee that it will work. If it doesn't we'll fix it for you. If it still doesn't we'll refund. So we take all the stress and responsibility for you.
  9. I solved this problem by writing a javascript code that disables the site for visitors and shows them a message saying the site is down for service. It's not a perfect solution since the site won't work while editing, but it's better than showing a weird/broken page. See the tutorial and code here.
  10. Short answer / The easy way Get a (commercial) plugin that does everything automatically. Here's a link to the full-bleed gallery blocks plugin for squarespace if you're interested. Long answer / DIY Following example only works on one screensize .sqs-gallery-container{ width:100vw !important; position: relative; left: -300px; /*Change the 300px depending on your template*/ } Long ago before smartphones our websites only came in one width and we could just use the code above. The code makes the gallery full-width of the browser instead of using the width of any element on the page. The rest moves the gallery to the start from the left edge of the page. Unfortunately the code above indeed only works for one screensize so you will need a combination of CSS and quite complex javascript that calculates the margins so it works on every template and regardless of what kind of custom CSS you're using. It must also take care of cross-browser issues and do new calculations if user resizes their browser. I've explained the logic
  11. Hi, Not sure if you're using gallery blocks or gallery pages? I've developed a commercial plugin that adds grid gallery block titles in front of the image with smooth hover effects. You can add a background color as well. So if a result like the image below is what you're after, check out the plugin here. โ€“ Petri / Vox Pop
  12. I've developed a commercial plugin that adds grid gallery block titles in front of the image with smooth hover effects. You can add a background color as well. So if a result like the image below is what you're after, check out the plugin here. โ€“ Petri / Vox Pop
  13. I've developed a commercial plugin that adds grid gallery block titles in front of the image with smooth hover effects. You can add a background color as well. So if a result like the image below is what you're after, check out the plugin here. โ€“ Petri / Vox Pop
ร—
ร—
  • Create New...