Search the Community
Showing results for tags 'code-injection'.
Found 251 results
-
How to change the place of buttons on mobile only
Domitille posted a question in Coding and Customization
Site URL: https://www.bytiline.com Hello, I would like to change the place of buttons on mobile versions. The page is an index made of different pages (www.bytiline.com). Both big images are pages, I would like the buttons be lower on the image on mobile to gain visibility on the pictures. Many thanks. Best, Domitille -
iOS smart app banner - header injection code not working
sarahvko posted a question in Coding and Customization
Site URL: https://violin-dove-sdn3.squarespace.com/ Hi! I'm trying to add a smart app banner to the homepage of our website and I've used the following code and injected it into the header code injection section: <script> var meta = document.createElement('meta'); meta.name = 'apple-itunes-app'; meta.content = 'app-id=1434995457'; document.getElementsByTagName('head')[0].appendChild(meta); </script> If you have any idea why this isn't working, I would really appreciate your help! Thanks 🙂 -
I’d really like to have sidebar navigation on my website using Avenue. The reason I like Avenue is the ability to display single, thumbnails images that you can click to expand further on the project, whereas Wells is only a gallery. I was wondering (if it’s possible) if anyone has a code to inject into the Avenue theme that would move the top bar navigation links to the side similar to Wells. edit: Wells would be perfect if it functioned similar to Avenue, if there’s a way to not be forced to use a Gallery and have a similar thumbnail page link option like Avenue..that would be great too -
Hi all. I have used the code quoted below to allow me to add a gallery to the header of my Bedford Template homepage, but am unhappy with the way the images dim as a result. I have attached a screenshot just to illustrate the difference moving the gallery from the main body of the page to the header makes. Does anybody have any ideas if I can code my way out of this one?
-
How do you add custom code to the body of an index page?
concureadmin posted a question in Coding and Customization
Site URL: https://concure.squarespace.com/learn-more-about-concure-oncology Hi all, I have an unliked page that is public but not accessible through my main site (i.e. does not appear on the navigation bar). I would like to add code to the <body> of this page but the only option for code injection (Settings > Advanced > Code injection) only adds code to the header (<head> tag) of the page. The code I would like to add is meant to be specifically added to the body of the page but I have not found a way to do this yet. The pages on my main site, however, do allow for this through Settings > Advanced > Code Injection > Footer. Would the code added here also be included into all pages on my site? Even those that are not linked? If so, that would resolve my issue but I have not been able to confirm this yet. Thank you in advance. -
Site URL: https://vow-demo.squarespace.com Hello everyone! is there any way that I can add this links to page sections so that I get this effect ? Thanks!
-
Changing the font colour of a select dropdown
JerichoOffice posted a question in Coding and Customization
Site URL: https://www.jerichoroad.ca/admission Seeking help on changing the font colour of the drop-down select, as the default font colour does not contrast with the form background. I have perused the internet to find this code but it is not working. .form-wrapper .field-list .field select { color: #171717; } What am I doing wrong? Any suggestions? I have placed this code in the header injection of the page the form is on. -
Site URL: https://concure.squarespace.com/learn-more-about-concure-oncology Hi, I created an unlinked page that I would like to use as a landing page. However, I do not want users to see the navigation bar associated with my main site. Currently, this page has a logo and would like to keep it as is on the top banner. How can I just remove the navigation bar through a page header code injection? For reference, I am using the Bedford template. Thank you in advance.
-
Ready Template: How To Hide/Remove Blog Tags
rosewoodweddingphotos posted a question in Coding and Customization
Hi friends! Looking to remove blog tags at the bottom of posts in the Ready Template- anyone have experience doing this? Any specific line(s) of code to do this (and if so how to)? Thank you so much! -
Adding a layout page within an index page with no link
martina_brel posted a question in Coding and Customization
Hi, I want to have a list of images on an index page, some of them with link to a layout page and other ones just displayed on the page, but with no link. I don't see a way to do it with the tool, so I'm trying to do it with Javascript removing the link on the specific div. Any idea? -
Thank you page after donation or paid subscription
joelc67 posted a question in Coding and Customization
Site URL: https://www.searchangels.org/contribute In almost every other form platform you can send/redirect people to a "thank you" web page after the sale is confirmed. I already send them an email, which is already built into Squarespace. I am unsure if this requires a special CSS hack or a Code Injection. I have developer mode enabled, but the original template was "Bedford". The account level if advanced commerce; which enabled paid subscriptions. We only use purchases through Squarespace for donations or paid subscriptions. Any help is welcome. -
Site URL: https://againsttheclockga.net/ We had a widget on our site for customers to sign their waivers " Save Time and sign your waiver now. Since; we have switched waiver companies and need to change that widget for a button to a new link. I removed the old widget code out of the Custom CCS and hit save; however it isn't removing it from our site. Do anyone know where or how to get this off or fix the problem. Your help would be appreciated.
-
Site URL: https://inktractor.com I'm trying to figure out a way to add social sharing buttons through code injection on squarespace 7.1 because it doesn't have share buttons. I think there's a way I can manually add at least a like button through say facebook's "like button configurator" but it would be a manual add to every blog post through a code block. I've been told I could circumnavigate this through code injection but I don't know how to change the code to make it a different link for every blog post. Can anybody help me? Here's the code I'm trying to modify to recognize individual blog posts: <div class="fb-share-button" data-href="https://inktractor.com/fiction" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Finktractor.com%2Ffiction&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
-
I am using a code injection to redirect to a different URL when customers click "Add to Cart". However, I want to adjust it to redirect after the customer fills out my product form instead. The code snippet I'm using is '.sqs-add-to-cart-button'. Any ideas on how to do this?
-
Site URL: https://www.vanquishbrisbane.com.au/contact Please help! The marketing company needs to track the Facebook referrals. So they need me to inject coding into the 'Thankyou' page once someone has filled out the contact us form. I can't work out where I access this particular page. I managed to inject coding into the Landing page. If anyone can offer help it would be SINCERELY appreciated. Thanks all -
Site URL: https://sf.digital/squarespace/customising-the-mobile-information-bar Is this not able to be used anymore? I've use it last year and it was working, it only stopped working for me after the update. I'm trying to use the Email button of the Mobile Information Bar as a Whatsapp button. Can anybody point me in the right direction how to enable this again? Thank you very much in advance. Here's my website and the code: https://cleaningequipment.org <script> $(window).bind("load", function() { $('.sqs-mobile-info-bar-trigger[data-type="contactEmail"] .sqs-mobile-info-bar-trigger-label').text('Whatsapp'); $("a[href='mailto:xxx@gmail.com']").attr('href', 'https://api.whatsapp.com/send?phone=00000000000&text=Hi%20there!%20I%27m%20looking%20for%20') }); </script> Thanks in advance.
-
I want to hide the "Add to Cart" button on some product pages, but not all product pages. Is it possible to do this with header code injection? <div class="sqs-add-to-cart-button-wrapper" id="yui_3_17_2_1_1580608190881_561" style="visibility: visible;"> <div class="sqs-add-to-cart-button sqs-suppress-edit-mode" role="button" tabindex="0" data-collection-id="5e0a55ad0b6558246c1dafef" data-item-id="5e0ceb43bb6d5e7d706119a9" data-product-type="1" data-use-custom-label="true" data-original-label="Add to Cart" id="yui_3_17_2_1_1580608190881_312"> <div class="sqs-add-to-cart-button-inner">Add to Cart</div> </div> </div>
-
must check/mark checkboxes in forms before sending them
Dor Reznik posted a question in Coding and Customization
so i want to have users to agree on two things (in checkboxes) before they can submit a form to me.(just like you cant proceed without agreeing the term and conditions on some websites/services) how would i do that?is there a way in javascript to check by the ID of the checboxes if they are checked or not (true/false), and if they arent checked - and try to submit the form -> they will get a pop-up saying they must check the inboxes before submitting the form?thanks -
Site URL: http://www.elliottlacey.com/featured Does anyone know if it's possible to introduce cursor fade and transparent lightbox options on a Summary Wall gallery? I want to: a) Have a cursor fade appear when hovering through the gallery (before the user clicks through to view the images larger) b) Once the images have been clicked I would like the lightbox option to be white/transparent as opposed to the standard black it is now Not sure if its possible but any help would be very much appreciated! -
I want to have a clean canvas: no header, no footer, no banner image or site title. I'd also like to be able to change the color from white. This page offers instructions on how to remove the header and footer. It worked for me. http://answers.squarespace.com/questions/24905/hiding-header-and-footer-on-marquee This page offers three different sets of instructions on how to remove the banner image and site title. None work for me. http://answers.squarespace.com/questions/34666/marquee-how-to-remove-bannersite-title-from-one-page-only Maybe I'm adding the code incorrectly? I tried adding the banner/title code both inside and outside the style tags with no luck. I made sure I changed the URL id with no luck. Bonus: How do I change the background color of the page? -
Hi everyone, I've browsed the web looking for and trying different solutions to replacing "Read more", "Next", "Previous" and other sorts of default texts in my template. None of them worked for me using the Mojave template. In the end I figured out using text.replace with jQuery would work. So I want to share my solution. First you have to include jQuery in your template by going to Settings > Advanced > Code Injection Paste this in the header injection: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js></script> After this you need to find the target class for the text you want to replace, in my template it was ".BlogList-item-readmore". Then add the following code to your footer injection: <!-- Start of replace "Read more" --> <script> $(".BlogList-item-readmore").text(function () { return $(this).text().replace("Read More", "Replace me"); }); </script> <!-- End of replace "Read more" --> This means that if the div, span, section or whatever you target by class, contains the text "Read more", it will be replaced with "Replace me". Hope this helps someone :)
- 1 reply
-
- 1
-
-
- jquery
- code-injection
- (and 1 more)
-
How to get Iframe targets to load embed content via links
AdventKain posted a question in Coding and Customization
Why won't Iframe targeting work? This should be dead simple. Have a codeblock with some links in the first div. The second div is an iframe. Each of the links in div 1 target the iframe in div 2. This is all in the same code block. On page load the correct initial embed is loaded in the iframe, but none of the links will load into the iframe target, and just navigate to the embedded page. -
Site URL: http://gogarlicfree.com/ Hi All - I'd like to remove the date stamps from my blog posts when they populate on the home page and on the individual blog pages. I wasn't able to figure this out - thank you for you help! - Sam
-
Hello, I am using the "products" collection to show a list of all the products for sale. When you click on the item it goes to the product block where you can add it to your cart, however I would like to show another "add to cart button" under each product in the "product page" for easy selection without navigating out of the page. I cannot figure out how to add the add to cart button anywhere else but the product block. Any advice? website is https://www.milkandsass.com/shop
-
Horizontally center svg icons in a two grid column
pmidtvedt posted a question in Coding and Customization
I'm trying to center-align svg icons in a two column grid. I tried using this: <div style="text-align:center;margin-left:auto;margin-right:auto""> When I'm in editing mode it seems to be working, but whenever I save and get back, everything collapses and turns into just one column. Anyone knows how to fix this?
