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

andreab

Circle Member
  • Content Count

    537
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by andreab

  1. @ranlee This post is over a year old, so it's entirely possible that the 2 solutions discussed here will not work for whatever template that you're using. I recommend you create a New Post with the full details of which template you're using and the URL of the site you're working on. With a link to the site, people are better able to offer solutions that can help you.
  2. @jhcreedon If you have followed those steps and your banner is still not displaying, there's a chance you are encountering a bug in your site design, which should be reported to Squarespace Support so they start a support ticket and investigate: https://support.squarespace.com/hc/en-us/requests/new
  3. @carlybwall Here is a work-around for the Tremont Template. 1) Access a "blank" image here:https://static1.squarespace.com/static/54bede7ee4b024cffc01c915/t/59775b1417bffc3fac770c4f/1500994330073/Blank+Placeholder.png2) Right-click on the "blank" image and choose "Save Image As ..." and save it to your own computer3) In your own web site, upload this "blank" image as your LOGO under Design menu > Logo and Title4) Under Design menu > Custom CSS, click on "Manage Files" and upload BOTH your "light" and "dark" Logo images5) Under Design menu > Custom CSS insert this code: .site-branding h1 { background-image:url(darklogo.png); background-repeat: no-repeat; background-size: contain; } .has-index-nav.swap-header-color:not(.view-item) .site-branding h1 { background-image:url(lightlogo.png); background-repeat: no-repeat; background-size: contain; } 6) Highlight the text "darklogo.png" and press [Delete] on your keyboard to erase it, then click on the "dark logo" image in your Right-Hand "Manage Files" side panel 7) Highlight the text "lightlogo.png" and press [Delete] on your keyboard to erase it, then click on the "light logo" image in your Right-Hand "Manage Files" side panel That's it. On the "white" pages, the dark logo will display and on the "dark" pages the light logo will display.
  4. @carlybwall Another option is to use a Logo Color, like Orange [ #FF4A00 ], that works on both light AND dark backgrounds
  5. @carlybwall It works in the Tremont Demo because they are NOT using a Logo Image. They are only using Text for the Site Name, which can be more easily manipulated with CSS. If I figure out a solution, I'll post it here.
  6. @carlybwall Thanks for the link. This is not working the way you think it is. When you scroll down on the "eat" "drink" or "visit" pages what you see at the bottom is NOT the "home" page, but an embedded section that has the same elements as the home page. I'm not entirely certain this code will work, but you can try it: <script> Y.on('domready', function(){ Y.one(".has-index-nav.swap-header-color:not(.view-item) .site-branding h1 img").setAttribute("src","https://blacklogo.png"); }); </script> Where you replace https://blacklogo.png with the ACTUAL file name of your "black" logo
  7. @carlybwall I don't have any experience with the Tremont template, but if you provide a link to your live or trial site, someone can look at your specific site's underlying code in order to better help you. Thanks.
  8. @GretchenCarlo Here's the Squarespace Help Page on all things Donation-related, with instructions and more links on what you can and cannot customize:https://support.squarespace.com/hc/en-us/articles/206543967-Using-the-Donation-Block
  9. @JarrodHoldsworth there is no built-in way to flag an item as Pre-Order. The EASIEST Solution is to just add the words PRE-ORDER to the Product Name. Or to add [ Available for Pre-Order ] to the bottom of the Product image and replace the image when it's no longer on Pre-Order. Technically, you can use Custom CSS to add "Pre-Order" text to selected items on this page, but it would be a lot of work to maintain over time as you add/remove products.
  10. @ShahidAfridi If you provide a link to your live or trial site, I can look at your specific site's underlying code and perhaps help you. Thanks.
  11. @trekyourmarket Please see the now revised original answers.
  12. @trekyourmarket Yikes, that's no good that it's not adding to cart. Let me look at the test environment and I'll get back to you.
  13. @trekyourmarket Please see my updated reply in the original answer. My apologies. I forgot that a required script already part of my testing environment.
  14. @trekyourmarket If you provide a link to your live or trial site, I'd be able to help you. I need to look for more details of the code in the collapsed elements. Thanks.
  15. @trekyourmarket Here is a more elegant solution that will not interfere with putting items into the Cart:You can run a script that will, after they click "Add to Cart", reveal a gallery of Add-Ons related to that product, that they can then click on and purchase. You can see an example here:https://amazing-andrea-533j.squarespace.com/shop/(When you reach the site, just click the [Visitor Access] button and follow the instructions. Note that when you arrive in the shop there are 4 items. Only 2 items are "Add-Ons". Click on the "Digital Rescue" product. Then click "Add to Cart". The Gallery featuring the two Add-Ons is now revealed. ) To create this: A) Put all of the "Add-Ons" for an item in the same Category. For example, if you have Monograms for Blankets and Custom Packaging for Blankets (I'm making stuff up here!) put them both in the Category "Addon-Blanket".B) In the "main product" under "Additional Info" add a Summary Block (I used Carousel) and point it to the Shop, and Filter by the "Category" designed for this product's Add-Ons.C) Below that Summary Block, add a Code Block that has this code: <script> $(function() { var $button = $('.sqs-add-to-cart-button'); $button.on('click', function(){ $('div.sqs-block.summary-v2-block.sqs-block-summary-v2').appendTo('.Share-buttons'); $('div.sqs-block.summary-v2-block.sqs-block-summary-v2').css("display", "block"); }); }); </script> In the Shop's Page Settings, under Advanced, add this code to the Page Header Code Injection: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <style> .sqs-block.summary-v2-block.sqs-block-summary-v2 { display: none; } </style> IMPORTANT, Under Settings > Commerce > Checkout make sure that "Enable Express Checkout" is NOT ENABLED or this won't work. NOTE: The Classes .sqs-add-to-cart-button and .sqs-add-to-cart-button-inner are how the script targets the "Add to Cart" button. There's a chance that the template you're using uses different Classes, but without a link to your site, I was unable to confirm that. Good luck!
  16. @ginabeandesigns Have you followed the instructions specific to the Harris template, provided by Squarespace? To add a page banner: Open the page and click the Settings annotation in the site preview. You can also open Page Settings. In the Media tab, click Add an image. Click Image to add an image from your computer, or click Getty to license a stock image for $10. Click and drag the focal point to set the center point of the image. This helps with cropping in most templates. Click Save to publish your changes. Use the Style Editor to style your banner. If you have followed those steps and your banner is still not displaying, there's a chance you are encountering a bug in your site design, which should be reported to Squarespace Support so they start a support ticket and investigate: https://support.squarespace.com/hc/en-us/requests/new
  17. @brendancss The "full screen" is how the Lightbox feature is configured to work by Squarespace. There may be a way to change it's behavior, but that's not a feature I've ever tried to customize. You can change the background color to be a solid color to "blockout" the photo by changing background-color: rgba(255,255,255, 0.500) to: background-color: rgba(255,255,255, 1.000)
  18. @parulnayyar Hi. The Title and Description are accessed by clicking "Edit" on the Gallery Block, then clicking on the "settings" icon for each image in the Lightbox. I have attached two screenshots, one showing where the Settings icon is, and the other pointing out the Title and Description fields. Hope that helps!
  19. @camilacodino First, under the Design Menu, change your logo to the "black" logo since you'll be using that on the majority of your web pages. Then go to Design > Custom CSS and upload the "white" version of your logo there. Next, you'll need to discover the Squarespace-assigned URL for that image. Just click on a blank line in the Custom CSS window, then click once on your image, and the URL will automatically be written out for you. Highlight and cut that URL because you're going to need it for the next part of the code. Click the [Cancel] button and do not save any changes. In the Page Settings for your Home Page, go to the Advanced Tab and under "Page Header Code Injection", insert this code: <script> Y.on('domready', function(){ Y.one("#siteHeader img").setAttribute("src","https://static1.squarespace.com/static/whitelogo.png"); }); </script> BUT replace https://static1.squarespace.com/static/whitelogo.png with the URL you just cut from the Custom CSS window! Because that's the actual URL of your own image. Remember to click the [save] button to Save Your Changes. From then on, when people go to the Home Page, they'll see the "white" logo, and on every other page they'll see the "black" logo.
  20. @SiSun The company that's actually performing the Live Stream can provide you with the Embed Code for the Live Stream itself. You would insert that Embed Code into your own Squarespace Page using the Embed Block. For example, YouTube Live Stream will generate an Embed Code specific to your personal live stream, and that's the code you'd insert into the Embed Block. I'm not aware of any discount plans for multiple web sites in Squarespace, but that question would be better answered by Squarespace Staff in the Support Center: https://support.squarespace.com/hc/en-us This forum is for Community Answers, and is not answered by Support Staff.
  21. Yep, you can do this with some Custom CSS. On your /speakers/ page where the Gallery is, go to each image and enter the "bio" text into the Title/Description fields for each image. [edit] You must also enable "Lightbox" in the Gallery's Design Tab! Under that page's SETTINGS pane, go to the Advanced Tab and add this code to the "Page Header Code Injection (see attached screenshot) <style> div.sqs-lightbox-meta { background-color: rgba(255, 255, 255, 0.500); height: 90%; padding: 50px !important; } .yui3-lightbox2 .sqs-lightbox-meta { opacity: 100; color: #000; font-size: 40px; } </style> I made a choice to make the background partially transparent so the person's photo shows through a little bit. If you want the background to be completely opaque, change background-color: rgba(255, 255, 255, 0.500); to: background-color: rgba(255, 255, 255, 1.0); If you want to see it "in action", go to: https://amazing-andrea-533j.squarespace.com/testing and then click [Visitor Access]. Once the page appears, click on either of the two images in the gallery. Hope that helps! Let me know if you have any questions.
×
×
  • Create New...