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

Search the Community

Showing results for tags 'variants'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.bekomando.com/shopkomando/mentally-fly Hello, Quite a beginner when it comes to coding but if possible, I'd like some help to achieve 2 things: -Hide the quantity button under product description -Move up my Shopify buy button so it could be right under the Squarespace product description. Please let me know where to make the changes (Menus, etc) Thank you in advance! Appreciate it
  2. Site URL: http://www.scottmurry.com Hi friends, I'm exploring the idea of setting up a product on my page—but would like to make it a "Name Your Own Price" option. Patrons could in turn choose to pay $1 to $1,000 for a downloadable item. I see variable pricing options, but not something in which people can enter how much they'd like to pay. Any experience in setting up this format on squarespace? Thank you, Scott
  3. Site URL: https://www.nwcphotos.com/shop/fireworks Hello, I am finishing up my shop page on my site but have run into sort of a weird customization quirk. On PC, the variant dropdown menu on my products looks really bad, like default Windows appearance. Is there no way to style these? I was wondering if there is an alternative to the dropdown, and rather display all the options almost like they're greyed out and the user has to click and select which would turn that selection dark before adding to cart. I will attach a mockup of what I mean and how I would ideally like the variants to look. If anyone has some code for suggestions to achieve this look it would be very helpful, thank you!
  4. I accidentally deleted a variant on a product that has over 100 variations. I can't see in the new editor how to add a single variant, rather than more options. I know it's possible to do in the classic editor, but that won't work with more than 100 variations. Thanks
  5. Anyone would give some help / advice how I could put purchase now (ADD TO CART BUTTON) next to SIZE & CARAT. In other words, that all of them would be in one line. Ideally I want the buttons resize dynamically (purchase now button is pushed down on a smaller screen, etc.) The link: https://rocksforlife.com/ Pass: rocksfor.life Maybe some of you lovely people would be able to give me a hand?
  6. Site URL: https://www.pjmckayauthor.com/shop/p/the-telling-time I just started using Squarespace, and my client wants me to add another variant to an existing product. Right now, when "paperback" is selected, the "quantity" form field remains and the purchase button triggers the cart and stays in Squarespace. When "ebook" is selected, this results in the quantity field disappearing, replaced by another dropdown with a list of Amazon regions, and when one is selected the purchase button links to the appropriate Amazon site. I need to add an "audiobook" variant, with essentially the same setup as the "ebook" variant - another dropdown for various ebook platforms, and when one is selected, the purchase button links to the appropriate site. However, I cannot figure out how to either create that variant setup OR to duplicate the "ebook" variant and change the links. Any assistance would be hugely appreciated!
  7. Site URL: https://www.xystema.com/pricing I have a script that works during initialization of the page. This script pertains to the changing the style of the product-price and it has many variants. However, when I changed the variant, my script does not work. I think I need to trigger the script somewhere near the selection of the product-variant. How would I do that? I tried already all code injection (header, footer, store, code block) but still not working. Help please... thanks. P.S. my website password 061298 (see the Enterprise category)
  8. Site URL: https://www.xystema.com/ I am working on changing the style of the product-variant (combobox) in the product block from the template design to something I want, as described below: From the template design: To something like this: I can only do the above design in the chrome inspector with this code: element.style { text-transform: none; height: 35; width: 185; margin: auto; border: 1 solid #d5d5d5; border-radius: 0.4; background-color: #209D50; color: white; text-align: center; } I am having difficulty translating this in the CSS Squarespace. I am not able to get the target block elements like the one I tried the below. There must be something missing in the block id elements. #block-yui_3_17_2_1_1635989652851_13463 .variant-option .variant-select-wrapper .select { text-transform: none; height: 35px; width: 185px; margin: auto; border: 1px solid #d5d5d5; border-radius: 0.4em; background-color: #209D50; color: white; text-align: center; } I will appreciate any help here. If you want to look at my website, here is the password: https://www.xystema.com/ password: 061298 I have already removed my codes.
  9. Site URL: https://www.xystema.com/pricing Hi! I am struggling to make a toggle switching between 2 payment schemes on my pricing page. Now, my plan is to create 2 products, one is "product A monthly" and the other is "product A yearly". In this way, I could implement switching by a toggle switch by displaying/hiding between them. My sites password is 061298. I attached here some samples I got from codepen. I tried to implement codepen codes but struggling. My question here seems to simplify my issue. I will appreciate any help. Thank you.
  10. Site URL: https://www.gossamercashmere.com/shop/gift-card I've centered the product details, but for some reason the variant options are still left-justified and it looks pretty awful on this particular product page. Maybe I'm just missing something obvious in site styles? Anyone have a bit of code or advice to help me center that? Thanks! (Also, bonus points if anyone has code to left-justify only the excerpt on a specific product while leaving everything else centered?) Thanks so much community!
  11. Hi all I'm helping to add a store for a client that sells in person skateboarding workshops that run for a semester. After a person selects the workshop they want, they then must select the number of times a week they want to come: 1 day a week, 2 days a week, or 3 days a week (all are different prices) for the semester, and then they must select the day(s) of the week they want i.e Monday, Tuesday, Wednesday.... (the class runs the same day every week for the semester), but there is a max capacity for each day's workshop of 10 people (as opposed to a max of 10 spots of the workshop itself) so the client is actually selling/keeping inventory of weekdays and not workshops. Now obviously, I could make every combination of purchase possibilities and make each one a unique item (ex: a mondays only "item", a mondays and tuesdays only "item", a tuesdays only "item") which will be a lot, hard to sift through, and ugly. So... I'm wondering if there is way to allow a user to select various options which calculate the cost accordingly and track inventory of the days and not workshops. I think a similar example would be selling one t shirt and you have to pick the color and size but there are only 10 XL irrespective of the color chosen (if that makes sense even though that's impossible in this scenario) I think I could just sell all the mondays for x class as an item and all the tuesdays for x class as another item, but then someone could buy 4 or more days a week rather than the max limit of 3 days a week. Thanks in advance for all your thoughts.
  12. I am trying to add an option for a customer to select a six-pack of a product then select up to six different flavours to be included in that pack. Is this possible?
  13. Site URL: https://sunfish-wombat-zmpp.squarespace.com/config/design Hi, I'm hoping someone can help me change the look/size of the arrow inside of the Variant dropdown box. Also would like the outline to 'hug' the writing, so there isn't so much space around the 'select material' ect. Can the Variants dropdown options look the same as the rest of the fonts? with the same background colour as the site. password: password Thank you Line
  14. Site URL: https://www.melissadinino.com/originals/quick-release Hey everyone, I have a question for y'all. Has anyone figured out a way to add an option to a product (not necessarily a variant) that displays a different price for that product without increasing the inventory? My example, to clarify, is with artwork. I want to give people the option to add framing to a specific painting or buy it without. So say I have a small painting that is $500. I want to have on the page - almost like a variant - the option to buy that painting with or without framing - the option with framing being more expensive (say $600). If I do it through variants, it forces me to say there's one unit available of each. In this scenario, I would have to hope two people don't go to buy the different options at the same time, which is very possible, and if they didn't I would need to watch my store like a hawk to quickly remove the other variant before it also sells. I've thought of doing a separate "add framing" product that people can add to their carts as well, however, framing costs can vary a lot and it would get really complicated if even possible. Any ideas on how to neatly contain this under a single product? I have an example of this with variants at the link above. I appreciate any and all thoughts!
  15. I'm trying to offer my clients the option to pay for a service upfront or in monthly instalments. Is it possible to only apply a subscription to a variant rather than the product as a whole?
  16. Site URL: https://reindeer-blenny-m5mk.squarespace.com/store/p/apple-macbook-pro-13-m1-soc-256gb-ssd-macos-space-grey-laptop Hi all, I'm trying to add some padding to these blocks in the image attached. But I'm having trouble finding the right code. My code is below. It would be great if someone can help. Password to test site is: password123 .product-variants { display: flex !important; } .variant-option-title { font-size: 16px; padding-top: 0px !important; } .variant-select-wrapper { font-size: 12px } .quantity-label { font-size: 16px } .ProductItem-details .product-quantity-input input { font-size: 12px } .product-details .variant-select-wrapper::after { position: absolute; top: 28px; right: 1rem; transform: rotate( 45deg); border-bottom: 1px solid; border-right: 1px solid; height: 0.5rem; width: 0.5rem; transform-origin: center top; pointer-events: none; font-size: 0.5rem !important; } .ProductItem-details .variant-select-wrapper select { border: 0.5px solid grey; border-radius: 3px; } .ProductItem-details .variant-option select, .ProductItem-details .product-quantity-input input { appearance: auto border: 0.5px; border-radius: 6px; padding: 20px; float: left; margin-bottom: 64px; }
  17. I just built my first site using Printique to sell photo prints (print-on-demand). It would make sense to shop by Categories of "print type" (ie. metal, acrylic, canvas, etc...). The problem I'm having is the way Printique imports, its structure is: Product > Print Variant > Size Variant; so assigning categories or tags to the product will assign it to all print types. What I'm wanting to do is just filter products by Product + print type variant. Is there a way to do this?
  18. How am I able to setup my Squarespace store to my Facebook catalogue that will include all my variant sizes, materials and prices for each product? So far I have gone through with setting up the data feeds with my store but it's only displaying a single price per product without the variants.
  19. Site URL: http://www.sweetheatjam.com/shopjams I have tried to create variants for gift box orders. Customer is to provide Flavor option #1 and Flavor option #2. When I go to configure the choices, it says that I can't have duplicate SKUs. How can you add flavors but not have them come up as identical SKUs?
  20. I would like to decrease the space between the variant drop down boxes, quantity and add to cart button, so they're closer to each-other. Do I need custom CSS? @tuanphan @Agha_Waqas any ideas? Thanks in advance Pete
  21. Site URL: https://www.kakeandkash.com/ Hi! I would love some help with removing the variant option titles from my product pages (color and size). I've already added specific css codes for the variant button options but not sure how to add code to remove the variant option titles. Thank you so much!!!
  22. Site URL: https://www.cianfranicoffeeroasters.com/order-coffee/fulton-cycle-hw6sc New to SquareSpace so I'm a bit frustrated that I can't change the layout of the product block, or change the font of the variant drop down menus. If you look at a sample page (https://www.cianfranicoffeeroasters.com/order-coffee/fulton-cycle-hw6sc) you can see the variants stick out like a sore thumb. 1) How can I change the font to match the font on the template? 2) How can I change the layout of the variants so they are not displayed one below the other, like they are now, but in two columns?
  23. Site URL: https://www.kakeandkash.com/ Hi! I'm looking to add my own color hex codes so that my color variant options show up like in the first attached photo. I've added a photo of what my product page looks like now in the second photo. Thank you!
  24. Site URL: https://zeronineobjects.co.uk hi, i need help with changing the font size for 'material' and contents of the dropdown menu in the store once selected to be 16px and i would like them all to be in lowercase too also in the cart page i would like the 'material: (option)' to be in lowercase and font size 16px thank you!
  25. Site URL: http://www.theesseedit.com.au I am trying to create a custom bundle for my customers. In this bundle they are able to choose any four rollers out of the selection on our website. When I enter the products as roller 1-4 and then list our different rollers in the variants it tells me I have more than 250 and cannot proceed. I have tried to delete certain variations, like allowing people to choose the same roller 4 times as this would not happen but then it tells me that I cannot delete the variations. I am stuck at how I would be able to offer this custom bundle to my customers. Anyone have any ideas or tips for me????? Also our website is still in test mode so not sure if the URL above will work?
  • Create New...