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

simon

Circle Member
  • Posts

    18
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

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

  1. As far as customising a ShareThis button, take a look at this tidy example on CodePen: https://codepen.io/brandonST/pen/BRLJNE Here is how I implemented it on a 7.1 site Follow the instructions on ShareThis, putting their script in the header first and 'activating' it on their site. Add your own HTML to a code block or insert in the "Post Blog Item Code Injection" option in 'Blog Settings' for example. <!-- ShareThis BEGIN --> <h4 class="st-custom-title"> Share this </h4> <div data-network="twitter" class="st-custom-button">Twitter</div> <div data-network="facebook" class="st-custom-button">Facebook</div> <div data-network="linkedin" class="st-custom-button">LinkedIn</div> <div data-network="email" class="st-custom-button">Email</div> <!-- ShareThis END --> To change or add other share links, consult the documentation on ShareThis here for the 'data-network' reference: https://sharethis.com/support/customization/how-to-set-custom-buttons/ This is the CSS used from the CodePen example, with a title and Material share icon I've added (see below for font details). /* Share This Button - Custom CSS */ .st-custom-title {margin-bottom:12px;} /* customise this margin spacing to suit your site */ .st-custom-title::before {font-family: "Material Icons"; content: "\e80d"; /* e80d is the share icon from the Material font */ display: inline-flex; vertical-align: top;} .st-custom-button[data-network] { background-color: #2c9de4; /* customise this color to suit your site */ display: inline-block; padding: 10px 15px; /* customise this padding to suit your site */ cursor: pointer; font-weight: bold; font-size:13px; color: #fff; &:hover, &:focus { text-decoration: none; background-color: #00c7ff; /* customise this color to suit your site */ } } The Material share icon CSS reference is "\e80d" and found here: https://fonts.google.com/icons?icon.query=social You'll also need to add the Material font link to your header code (I added mine to the site wide header through Advanced > Code Injection). Here's the code snippet from Google: <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet"> Hope that helps.
  2. My quick and dirty fix was to hide the sign-in with CSS, like so: /* Hide the member sign-in nav */ .user-accounts-link {display:none;}
  3. Site URL: https://www.addy.co.nz/address-validation-javascript-code-generator I know there's been some questions in the past about address auto complete form fields. I wanted to share a solution for anyone wanting address lookup and auto complete for New Zealand addresses. This solution is from https://www.addy.co.nz/address-validation-javascript-code-generator. It's simple to implement, just follow the guide on the Addy website. Note this is for regular form blocks, not checkout forms. I haven't tried it checkout forms, but I don't know it would work as there's no customisation with the commerce checkout form. The steps are simple: Sign up for a free Addy account and get the API key Create a form block in Squarespace, adding text fields for each address line (not the Address module, as it won't give you the ID tags you'll need). For example, create input fields for: Address, Suburb, Town, Post Code. Using Chrome browser, code inspect (for example), look up the ID of each address field tag, then copy the tag to the Addy address validation javascript code generator. Using a text editor or similar, insert your API key into that snippet (that Addy gave you when you signed up). Paste the generated JS snippet into Squarespace (Advanced > Code Injection) in the Footer. Add the <script type="text/javascript"> header and </script> footer to the code snippet. That's it. So easy. Hope that helps all you Kiwis out there on Squarespace.
  4. Having an option of removing the tax line altogether would be good. Legally it's an issue if an invoice states there is zero tax, when in fact there may be tax within the selling price. This happens in Australia and New Zealand where GST is often embedded in the retail price, and the tax is not always displayed. In some instances GST may or may not be included, but the purchase price is the same regardless (it can be a complex tax code).
×
×
  • Create New...