Jump to content

BillChesney

Circle Member
  • Posts

    26
  • Joined

  • Last visited

Everything posted by BillChesney

  1. I'm struggling a little bit now with getting the tables to stretch to 100% on mobile. The fix for the other stuff was fiddling around with the plugins internal settings. There are a few options for the table's basic look, and I ended up going with 1 of the 2 settings for "full width." The setting that I chose had a little tag on there that says "use this one if you're having issues with tables overlapping" (which I was). Other than that, I just made some basic tweaks to the css. Truth be told, I'm not sure if these are fixes for the default or if I am just overriding styles that I've written for other pieces, but these helped when added to the specific table: width:100%!important; white-space: pre-wrap!important; table-layout: auto!important; If anyone can help me with getting this thing to stretch to 100% wide in mobile, it'd be greatly appreciated.
  2. When I resize my screen, to simulate different screen sizes, the tables function differently. The SquareSpace tables (TOP) is how I would like it to look. The imported tables (BOTTOM), spill into each other and won't hold at 100% with a gap. I'm thinking the container that the imported tables are in must not have a specified width or at least not be set in the way that the TOP tables are
  3. I'm using the square websites custom table block plugin. I'm trying to recreate my tables, but pulling the information from google sheets. The 3 tables on the top are SQUARESPACE. The 3 tables on the bottom are pulling from GOOGLE SHEETS. I want the GOOGLE SHEET tables to re-size and stretch like the native SQUARESPACE ones. The GOOGLE SHEETS tables have a class of "pricetables" https://www.brownleepress.com/postcards
  4. I have a custom form attached to a product. When adding to cart, I collect a PROJECT NAME, NOTES, and FILE UPLOAD. I'm wondering if there is a way to have it display the PROJECT NAME next to the item in the cart. Ideally, it'd be great to display the FILE UPLOAD as the product image too, but I understand there is a little more to this with different file types, or if multiple files are uploaded, etc. The file that I have the form set up on is: https://www.brownleepress.com/bus-cards- I've played around with other options for file uploaders, but I've not come up with anything better than this one. I just signed up for WUFOO thinking that would be a good option to add to a custom form on a ss product, but I can't figure out how to make that work. So, as a question inside a question - is there a way to upload a WUFOO form into that CUSTOM FORM pop up??
  5. I see lines through the pics...
  6. https://www.brownleepress.com/print2023 Help me get rid of the space between these images. There are 2 images on the left that should connect to say PAPER, and 2 images on the right that say CARDSTOCK. Right now, I see a vertical space about 1px wide between the images.
  7. I'm using some workaround to give customers the ability to upload files (tally.so). The CONTINUE button moves them to the ORDER-UPLOAD screen, and then when a file is uploaded, it redirects to the cart. Is there any way/workaround to have the image that is displayed on the cart page be the image/file that was uploaded? https://www.brownleepress.com/product2023
  8. Yes. If you toss an "!important" on that z-index, that does the trick. It seems a little difficult to manage location exactly how I'd like it, but I think if I make different declorations for a few different sizes, it'll work just fine. THANKS!
  9. This has worked, but there is still some kind of layering/z-index issue that is preventing the image from being on top of the division. I've tried using the built-in 'move forward/move backward,' but my image is already at the front. I've also tried adding a z-index to the same # that I added the neg margin to.
  10. I'd like to have that "V" shape crest UNDER the image of flying papers. Should the image be in THAT block, or the one UNDER it? I tried some margin stuff, but that just stretches the block out. I want it to sit on top. I also tried some 'position' stuff, but I don't think I'm doing it right. https://www.brownleepress.com/deals Any help would be greatly appreciated.
  11. I've found a code injection for redirecting add to cart buttons that works well. My question: is it possible to set this to only run the javascript on certain products or certain product tags? Here's the script that I have: https://www.primitusconsultancy.co.uk/blog/how-to-redirect-to-another-page-on-clicking-on-the-add-to-cart-button <!-- REDIRECT ADD TO CART ---> <!-- REDIRECT ADD TO CART ---> <script> function pcRedirectedPage() { let pcPageUrl = '/upload'; // The redirect page URL let pcAddToCartButton = document.querySelector('.sqs-add-to-cart-button'); let pcProductVariants = document.querySelector('.product-variants'); function pcVariantInStock() { return pcProductVariants.getAttribute('data-variant-in-stock'); } function pcAddButtonClick() { if (pcProductVariants && pcVariantInStock() || !pcProductVariants) { setTimeout(function() { document.location.href = pcPageUrl; }, 1000); } } if (pcAddToCartButton) { pcAddToCartButton.addEventListener('click', pcAddButtonClick); } } document.addEventListener('DOMContentLoaded', pcRedirectedPage); window.addEventListener('mercury:load', pcRedirectedPage); </script>
  12. I run a print shop. I sell my own merch and also custom printing like business cards and stuff. I'd like to be able to include an uploader of my product pages either BEFORE adding the item to cart, or if it's possible, redirecting to the 'upload' page AFTER hitting the add to cart button on those products. I'm currently using the same upload/form solution that everyone else is... custom form, blah, blah, and then using File Request Pro. But, I found a new option that works much more cleanly for me - Tally.so Anyway, I have embedded a form on my upload page: https://www.brownleepress.com/upload I'd like keep that upload page as-is, then find a more user friendly/intuitive way to get there. A workflow that feels more natural. Now that I'm writing this out, I really like the idea of redirecting to an upload page after the add to cart button is pressed. The only caviott there is that I ONLY want it to move to the upload prompts for custom print items. Maybe I could use a special tag, or put the items in a 'separate' store?
  13. For the "additional info", the functions that I'm trying to access are there in the tool bar, but when I try to utilize it, it won't allow it. For example, the "A" with the squiggly like under it - I can hit the button, but when I go to modify the color or something, the ui breaks down. Hard to explain... but, maybe try to duplicate that and see what happens. I thought maybe it was just my browser or os, but I've tried on a couple diff machines with the same results. Also, the preview is not showing me what's really there. Here's a screenshot in both modes.
  14. I'm reworking my websites to use MANY product variants. I currently just show pricing for custom print products, but I'm going to be opening it up to be like a real print shop very soon. As soon as I can get all of my product pages converted... https://brownlee.squarespace.com/printshop/p/buscards I'm trying to make the 2nd row of stuff break down a little better. I'd like the mobile split to take it down to 2 columns: A) pricing B) image, then templates, then artwork guidelines I'm hoping that what ever the solution is, I can just duplicate it and change the info for each specific product. Also, maybe I should start a different thread for this, but I'm adding all this stuff into the "ADDITIONAL INFO" box of my product. The editor in there seems kind of clunky to me. I'm using Chrome, and I'm updated to the newest version. It doesn't preview any font-types correctly, and things like adding the colored background animation and other formatting pieces just straight up don't work.
  15. Site URL: http://brownleepress.com I'd like to add a pricing grid to my website, where I list quantities and prices for things, sorted by size. I like the situation on https://www.stickermule.com/products/die-cut-stickers ... is this possible? Maybe it's a thing already but I just don't know what to call it? I don't need it to be hooked to my shop or anything. I just want to create something for reference.
  16. This answer works... but I think I want to move in a different direction now. Can you help!? Same Idea, but now I'm working on a different page: https://www.brownleepress.com/working Those 3 buckets at the top (Paper, Cardstock, and Envelopes) are images. On desktop, I want them to be 3 wide, like they are. On mobile, I'd like to go Paper and Cardstock 2 wide on one row, and then use a DIFFERENT image for Envelopes on the next row (all by itself, 100% wide). Possible?? ...could also lose some of that padding/margin on the mobile
  17. Site URL: https://brownlee.squarespace.com/flyers-1 Right now I have the 3 images so they are 3 cols wide on mobile... that's how I want it to be. BUT, how I have it set up, it also makes that far right col, with the pricing table small on mobile too. I would like that col to be full width on mobile. So, my. question is how do I ONLY shrink those 3 image columns? Currently I'm using this code: /* 3 columns mobile */ @media screen and (max-width:640px) { #page-section-609d99f20dcef4527cd0d399 .span-2 { width: 33.33% !important; float: left !important; } }
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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