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

LKW

Member
  • Content Count

    37
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Oh man, your site makes my mouth water! So, I think your site is 7.1, yes? I am 7.1-curious: How many products can you have in a 7.1 summary block? In 7.0, the limit is 30. We struggled setting up our recent campaign because, like you, we needed to have a title and introductory text on our landing page with all our product thumbnails. Therefore the default product/store page would not work. So we set up a page with summary blocks to display our thumbnails. With 145 products, we had to categorize our products with five artificial categories and put up five summary blocks on our landi
  2. Did you open a product detail page before going to Site Styles? Here's what I see.
  3. On re-reading my notes I see there's also a "Show Product Item Nav" toggle in Site Styles, and that is what will hide the "Back" link on the product detail page. In 7.0, at any rate.
  4. Look on this site for "hide add to cart button" -- there are many CSS examples.
  5. I don't know anything about 7.1, but in 7.0 the hack that I use to display common info in our product details is to create a dummy product that can be embedded in the "Additional Info" field of other products. Here's a proof of concept (password 'tada'). Everything below the 'Add to Cart' button for these products is text from this product's short description field, which can contain links and formatting. But not blocks, unfortunately. However, we've found it to be good enough for things like shipping and return info. (Examples here.) And although it's limited, you don't have to write Javascri
  6. @Zawn: You can use image metadata to pre-fill the title and description/caption that will be displayed in the lightbox, and the description can contain HTML links. There's an option in Settings that tells Squarespace to import metadata as you upload images, documented here. Here's an example of imported HTML links in a lightbox: https://www.whitprint.com/catalog/emerald-print-exchange-2020 (Note that not all of these images have links in the captions.) I pre-filled the HTML for these 145 images, then uploaded them en masse. (Actually, in batches, because I've had trouble with sqs choki
  7. I was wondering how to suppress prices for products with certain tags. Now that I know a little more about Squarespace I see that it is do-able, but probably varies with each page, template, and version. E.g., on a product collection page in Montauk/7.0, you could use something like: <style> .tag-hidden-price .product-price .sqs-money-native { display:none } </style> where 'hidden-price' is a tag you've applied to various products.
  8. Is that the same as the "Wall" layout in the Montauk summary block? That uses a fixed width for images. Instead of indicating the relative sizes of tall and wide images, it makes the tall images look much bigger than the wide images, which is misleading when the products are the images themselves.
  9. Well, for example, take a look at the product collection page here: whitprint.com/emprex-2020-inv On mobile, there's so much whitespace beneath each wide image that its title appears to label the image below it. So instead of the product collection page, I use summary blocks to display product thumbnails, and that looks a lot better on mobile. However, summary blocks crop the images, which is not what you want when displaying art. But it seems the better of the two choices.
  10. @mgrillpainting I so agree that Squarespace is not a great fit for selling art! We've run into the product image aspect ratio problem, and although I now have a solution that works for our template, it took what seemed an uncalled-for amount of coding and testing. (And because I don't have a way to test it beyond my own environment, I am loathe to actually implement it. And it works only on the product detail page, not on any of the other pages where images are poorly positioned or cropped.) I'm not sure my script can be modified for your template/version, but you'll find it here if you want t
  11. After relearning far more CSS, Javascript, and jQuery than I ever intended, I was able to craft a fairly general solution: // Fix whitespace around singleton image on a product detail page. // const imgWhitespaceFixer = function() { // This code assumes that (a) the products in this collection have only // one image apiece (which is true for our products), and (b) the detail // page has only one IMG.loaded element (which seems to be the case for // our template). let w = $( 'img.loaded' ).css( 'width' ); let h = $( 'img.loaded' ).css( 'height' ); // Just in case we are observ
  12. Well, since no one has responded to this question, I'll just say what I've observed so far: When you change a page's URL explicitly, links to it are not automatically updated. E.g., If you change the URL of /alpha/beta to /alpha/gamma, page links to /alpha/beta are not updated. I've found TWO EXCEPTIONS to this behavior, and they involve products. When you change a product page's URL explicity, links to its products are automatically updated. E.g., say /alpha/beta is a product page, and /alpha/beta/hat is a product detail page. On another page, you used the Link Editor to create a pa
  13. Sigh... Customizing end-user-visible text should be Thing One of a point-and-click web dev platform like SS. Anyway, I got what I needed out of this thread, thanks to your help. Our fundraiser went live today and you can see it here if you're curious: whitprint.com/rafwelcome (This project left me with a list of SS bugs and gotchas as long as my leg! One the one hand, I learned so much that setup will be a breeze if we do this again next year. On the other hand, I am wondering if it's time for us to shop for another platform. Ugh.)
  14. Thanks, @creedon. (But good heavens, I had to make my browser window 20% wider than my screen size to reveal that button!) Anyway, here's my hack: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $( ( ) => { /* change out of stock alert message */ if ( ! $( '#productWrapper' ).length ) return; if ( ! 'MutationObserver' in window ) return; const observer = new MutationObserver ( function ( mutations ) { mutations.forEach ( function ( mutation ) { if ( ! mutat
  15. Thanks, @creedon. I didn't use your exact code, because of the hardcoded SKUs, but I was able to distill your nicely annotated code into a generalized per-product-page solution. If someone would kindly tell me how to insert a formatted code snippet on this forum I will gladly post it here. 🤔 (On Stackexchange you just click '{}' to insert code examples. What the heck is the equivalent on this forum? It's probably staring me right in the face...)
×
×
  • Create New...