Jump to content

JonJonJon

Member
 View Profile  See their activity

  • Posts

    85

  • Joined

  • Last visited

 Content Type 

Everything posted by JonJonJon

  1. JonJonJon
    Site URL: https://shop.jonathan-gallagher.com I'd like some text to fill the entire width, from edge to edge of it's container without needing to input a specific font-size, as this container is responsive. As you can see below, the text box is 20% of the width of the block it's in. the other 80% being a carousel with 4 images, so essentially creating 5 squares of equal size. I hope the 5th one can be filled with a couple of words of text. The 80-20% ratio and number of carousel images, will modify with media-queries to suit different devices #join-in .sqs-col-9 { width: 80%; } #join-in .sqs-col-3 { width: 20%; } #join-in .sqs-col-3 h1{ max-width: 100%; min-width: 100%; font css here? }
  2. JonJonJon
    My "solution" was to have a "request shipping quote" option for products that I knew had different shipping requirements. It's that or deal with customers clicking on the cheapest shipping regardless of the product, which of course isn't appropriate. It's really poor though. Having to explain in my FAQ ... "because of the limitations of my website shipping options" is pretty unprofessional. It requires an extra step, where I have to be involved in each order of a particular category product. The rest of my items I designated a weight too, 0-9, 10-99, 100-999 etc. to cover the costs so someone can buy multiples of an item. Essentially using weights as tagging. Not being able to hide certain shipping options is a bummer. Let's hope they upgrade the shipping issues eventually.
  3. JonJonJon
    Site URL: https://shop.jonathan-gallagher.com/products/overview I'm using Brine. I am happy with the layout for tablets and larger, but on mobile I'd like the sizes of the image sections to all be equal, and the smaller size seems to work nicely. Currently it's too large, so doesn't invite scrolling. url: https://shop.jonathan-gallagher.com/products/overview password: jonjonjon I can't seem to find the correct div. Ideally just for this page/collection. Thanks for any assistance
  4. JonJonJon
    it went away by itself after a couple of days, weird. but thank you
  5. JonJonJon
    For reasons unknown, this new tagline appeared today under my newsletter sign up box: THIS SITE IS PROTECTED BY RECAPTCHA AND THE GOOGLE PRIVACY POLICY AND TERMS OF SERVICE APPLY Does anyone know how to remove it or at the very least style/move it?
  6. JonJonJon
    Is the tax feature only for certain users/businesses? or should even small volume hobbyists use it? I use a UK drop-shipping company for fulfilment, so I have to pay VAT. I have included VAT in my marked-up store prices. I am shipping internationally. My own artwork prints, nothing that will be substantial. The price will remain unchanged, whether i incorporate VAT to cover the costs, or remove it only to add it back on via the squarespace tax feature - but is there any reason/obligation why to do one instead of the other? Thanks
  7. JonJonJon
    you can manually override the ratio crop with CSS. someone else helped me with that a while ago, but the method i have means it can look pretty messy if thumbnails aren't all the same ratio. I haven't been able to work the code to have a fixed custom ratio with correct image scaling/cropping to suit I actually do the number thing on the gallery that you mentioned. But this was always my intention. In lightbox mode this banner appears if you hover over an image (or there's a clickable info icon for devices)
  8. JonJonJon
    Thank you, yes I would be happy to share: PopUp01 - "Request shipping quote button" PopUp02 - Smartphone/Tablet Buttons password: jonjonjon I am currently getting round this by adding css in each product page header injection. But this would mean future changes would be tedious to make changes for in future and prone to inconsistency The div class is ".lightbox-handle.sqs-system-button.sqs-editable-button" (i will also be changing the button style between the two uses. The two uses are found on different "Store" pages, tags and categories. Brine layout I was working on this element at the moment, but I will leave it so that you may be able to have a look at it without things changing.
  9. JonJonJon
    I have a pop up form that is styled using custom CSS. I want to use another pop up form elsewhere, but wish to style it differently. Both pop up styles will be heavily used, so if there's a way to match the style to which branch/category then that would be ideal. In this particular case I wish to have two versions of ".sqs-modal-lightbox-content" I have tried copy and pasting block id's (e.g #item-5e1224fe62ad5d43f3c101d6) but i'm either not using correct formatting or it doesn't work.
  10. JonJonJon
    Thanks all, this was just what I've been looking for. The code from @Alan-Squareflair worked perfectly for me. I used it on the main site wide header injection, but it also works great if just used on the individual product header injections
  11. JonJonJon
    I am also struggling with this. It's a shame that this issue can become customer facing. As far as I can tell there is an option: Use weights as a way to tag items, use large ranges, and assign products to a range, so that multiple items can be bought without issue. e.g 0kg baseline, 0.1 - 10kg (all items listed as 1kg), so even if they buy 10 products just in that range the shipping wont be effected unless they have a product with the next tag range (10kg-100kg) etc. The downside to this is that the range has to be from zero to infinity, meaning all products will fall into a shipping category, which therefore means all your products have to ship to the listed regions, i.e you can't have some items be globally available and others only regional So that means having to have ridiculous shipping costs listed for regions that you'd actually prefer to not ship to specifically because shipping is so high Not ideal at all, and requires a lot of work/calculations for shipping to every nation, and that will perhaps never be used. Or you use an insane value to deter, which just looks like an unprofessional website bug
  12. JonJonJon
    Nevermind.. figured it out. Simply Added ".ProductItem" on the front. Thanks very much
  13. JonJonJon
    @tuanphan Thanks. Works well on the product list page, but sadly not on the individual product pages (which is more important). Any ideas of if this would be possible?
  14. JonJonJon
    @tuanphan Thanks, I'm using Brine template. I haven't spotted a class that specifies categories or tags, but that would be fantastic if it's available. Here is a link to a particular product. I've hidden the price and Add to Cart buttons. All products within this category "Smartphone" will need to undergo the same treatment (about 40 products). https://shop.jonathan-gallagher.com/photo/001-mobile pw:jonjonjon Thank you
  15. JonJonJon
    Or ... anyone know how to modify the code so that it opens up a New Tab, rather than replaces the current address?
  16. JonJonJon
    I've been trying to do this with html, but have had similar results: - Opens up the image url - Only does a direct link if there's a filename error, and so is a failed download I'm tested this with images stored on both on/off squarespace in case it was a url vs extension thing. So.... how do we get direct links working on Squarespace?? right-clicking an image is not a modern customer experience, especially with all the touch devices out there
  17. JonJonJon
    @tuanphan Is there a way to apply this to certain products without using code for each collection? perhaps referencing a product tag or category? Unfortunately Code Injection for individual projects isn't a thing, and using code blocks on a products page doesn't seem to work either. My goal: Remove the Add to Cart, and price on Free items.
  18. JonJonJon
    Thanks very much, yes that did the trick 🙂 For others that stumble here, the solution for this specific text replacement case was quite simple: .sqs-lightbox-meta-trigger { visibility: hidden; } .sqs-lightbox-meta-trigger:after { content:'ⓘ'; visibility: visible; }
  19. JonJonJon
    Same kind of issue here. I found a solution, but unfortunately it seems to be effecting site wide instead of per individual product. It's a very old post, so I wont bother the original poster. It was designed to be specific, but I can't get it to work and don't understand javascript. Even after changing and using the IDs, I still get site wide results. Maybe if together we can tweak this, then it might be a solution some of us are after? Credit to @sshaw
  20. JonJonJon
    Found this line using Google Inspect <a class="sqs-lightbox-meta-trigger">•</a> As this isn't CSS, how do I change it? I'm aware of code injection, and how to change this into what I'm after, but I don't know how to put this into the code injection in a way that it's read correctly. The code I wish to change it to: <a class="sqs-lightbox-meta-trigger">&#9432</a> (I'm just changing the symbol that activates the meta pop up shown on the lightbox over gallery images)
  21. JonJonJon
    @LJSpace Came up with a solution that will keep your website quick, if you haven't gone for the plugin: .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide:nth-child(n+4):nth-child(-n+5) { display:none; } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide { width: (100%/3) !important; } This will turn a 5 per row gallery into a 3 per row and hid the last two. Adjust the values according to your needs. The key is to reference the block row type that you've made. in this case a 5 row. If you want to increase it up from 5, you need to make a new one. So it's best to make a block with the maximum you think, as the code can shrink the row value, but not grow I had to come up with something different as the previous solutions weren't applicable to "Related Products". Hopefully this is a more elegant solution that can be adapted to various rows/summaries/galleries.
  22. JonJonJon
    @LJSpace That's a great plugin. Hopefully this thread gives others options depending on their needs.
  23. JonJonJon
    Ah, actually.. i fixed that.. just needed the old "!important" This is code for 5 rows on everything other than mobile, where it goes down to 3. Also so that it stretches across the site width. (This isn't gallery block specific) section#instagram .Index-page-content { padding-left: 0; padding-right: 0; max-width: 100%; } .sqs-gallery-thumbnails-per-row-3 {display:none;} .sqs-gallery-thumbnails-per-row-5 {display:block;} @media (max-width : 640px) { .sqs-gallery-thumbnails-per-row-3 { display:block;} .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-3 .sqs-gallery-design-grid-slide { width: 33.3333333% !important } .sqs-gallery-thumbnails-per-row-5 {display:none;} }
  24. JonJonJon
    @LJSpace That's exactly my solution so far. However it still looks like there's a two per row maximum for mobile that I'm trying to override. As actually 3 per row I think might look nice for this particular application. Did you find that too, did you explore a solution? I haven't seen the site performance dip, perhaps because I'm using a social block?
  25. JonJonJon
    @tuanphan thanks, but wont that just limit the number per row? My problem is that I don't want 2 rows on mobile, or tiny images if they're all crammed into one. So being able to limit the amount of items that are pulled would be great. e.g let's say. 4 images on desktop, in 1 row. 2 images on mobile in 1 row. This is something that I'm working hard to find a solution to, to implement to various block layouts. Such as the social instagram block and the product block - both on my index page.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources