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

Search the Community

Showing results for tags 'product-page'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://www.houseofkimane.com/ Hi! I'm trying to display a different logo ONLY on the product detail pages. Right now I have a custom white logo on the main page and store, there it looks really good because of the image in the background. But in the product detail pages the logo gets completely lost because it's a white logo over white color (page background color without image). I tried with this code on STORE SETTINGS/ADVANCED, but it changes the logo in both the store and the product detail page, and I would like to change it only in the product detail one <style>.header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/5f25a68ab4a57a02b8e4c8f8/t/5f310ce6649257471c73f09a/1597050086928/houseofkimane-header-logo-black.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; height: 42px; }</style> Thank you so much for your help 🙂 Sofia
  2. I wanted my product availability to show similarly to the "sale" tag. I have my product scarcity show when it is 5 or less in inventory. I changed the no background to a pink background. This required me to changed my Sale letter color from Pink to black. I adjusted the margin and padding to make the color banner look even. The code below shows those changes. .white .products.collection-content-wrapper .product-mark.sale { color: #000; } .products.collection-content-wrapper .product-scarcity { margin-top: 0rem; } .tweak-products-text-alignment-middle .products.collection-content-wrapper .grid-meta-wrapper .grid-meta-status { background: #e64c9e; } .products.collection-content-wrapper .product-scarcity { padding-bottom: 5px; padding-top: 5px; } .products.collection-content-wrapper .product-scarcity { text-align: center; }
  3. Site URL: http://isisfibrearts.com/ Does anyone know how to get the dropdown menu in the product details page to automatically update when you click on a variant image? It's annoying for my customers if they like the image but don't know the colour name to select. Also... is there a way to change the font in the variant drop down menu? I'd like it to match the font in the product description but I couldn't find a place to change it. Thanks!!
  4. Site URL: https://www.tras.hu/shop/leaiijacket Hi Guys, I'd like to have 2 columns - instead of one - grid images on my product page (Stacked) such as on H&M Could you please someone help me out with the custom CSS? My website: https://www.tras.hu/shop/leaiijacket pass: tras23 Many Many thanks!
  5. Site URL: http://www.astofapiary.com I'd like to add a drop shadow to the product page on the site Astof Apiary. The template is Montauk. Can someone tell me how to do that? Thanks!
  6. Site URL: https://chocolatieraustraliawebsite.squarespace.com/ Hello. - I am wanting the two buttons in additional info to span to the same width as the product item info above. - I would like these buttons to move closer to the accordion menus above also Thank you kindly for your help. PS. Don't mind the shoes and chocolates 😛
  7. We sell only some items on our website and I need to hide the add to cart button on only a few pages and not throughout the entire site. I switched templates to the "Impact" template and now the "add to cart" button is showing on every product page.
  8. Hello! First time posting here.. I'm an absolute beginner when it comes to website designing in general and it seems i've been somewhat "forced" into utilizing some CSS to get any chance or coming closer to my ideal store design.. I managed to play around with margins, padding whatnot and have a rough idea of what to do to control the display for mobile and desktop versions.. I want my Quantity and Add to cart buttons to be directly under the price and in one line. Like this. I have added a markdown block as well as a lightbox text link and embedded them into my main product description window ( instead of having it below the gallery and details ) using this in my footer: <script> $(document).ready(function (){ var myBlock = $(".sqs-block-markdown").detach(); myBlock.appendTo(".ProductItem-details-excerpt"); }) </script> <script> $(document).ready(function (){ var myBlock = $(".sqs-block-code").detach(); myBlock.appendTo(".ProductItem-details-excerpt"); }) </script> I noticed that if i only play with margins to position my quantity and add to cart where i want them, they move up and down as I expand and collapse my markdowns...I believe its because both quantity and the button are still embedded in the same place ( below the markdowns ) but are forced to appear higher than they actually sit.. How do I go about this? I want to keep the them where they are on the attached photo but at the same time keep my markdowns and lightbox links right below product details.. Any help is greatly appreciated. once again i've literally discovered css yesterday...
  9. Site URL: https://www.thehappyplaceschool.com/ I want to move the price of my item lower to the add to cart button so that the customer can see the price change based on the variant they select- is that possible with CSS?
  10. Site URL: https://www.4x3d.com/shop/p/ad07jrsaa1irgg1ot6p34t0ieo6k53-kdnxk I want to add product variants but I can't find the place to do that. I've looked this up. I saw several videos depicting a "pricing and variants tab" is this a pro feature? I don't have it.
  11. Hi all! I'm using the Sonora template and trying to just see if I can add text in between the page Intro and the Product gallery. Currently I just have this text in my Intro. I've already tried a code I found in the forum with no luck. This was the code > <style> div#content:before { content: "Grab some of our delicious coffee! Roasted, bagged, and packaged by us with love!"; display: block; text-align: center; color: black; font-size: 20px; margin-bottom: 50px; } </style> https://www.seabirdcoffee.com/buy-coffee I also am looking to center the products on a page where I only have 2, my products are set up for 3 per line due to my other pages. https://www.seabirdcoffee.com/subscriptions Thanks ahead of time!
  12. Site URL: http://www.photosbyskovlund.comp Hi again I going to sell finer prints in my shop, and its close to run. On each product page, i have more product image, to show example But its results in, that's on the shop front page, when you move over a product, the image change. Is it possible to change this, so its just the fist product image that's been shown? And is it possible to have different image size on the product frontpage -e.g. vertical and horizontal? Thanks in advance Morten
  13. Site URL: https://collie-dragonfly-jcwc.squarespace.com/ Hi, site URL: https://collie-dragonfly-jcwc.squarespace.com/ || Pass: ArtPrint_100% I'm on Squarespace 7.1 - using e-commerce package I would like to add a code block to the product item pages above the actual product images and description, should have the same position as here on the other pages https://collie-dragonfly-jcwc.squarespace.com/artwood-prints Only way to insert the code right now is within the additional information block, which keeps the button at the very bottom of the product page, see here https://collie-dragonfly-jcwc.squarespace.com/online-shop/p/uhrentraeger-original Code: <div class="button-bgcontainer"> <input type="button" value="ZURÜCK" onclick="history.back(-1)" class="buttonBg"/> </div> Any assistance from the community is very much appreciated. Thanks
  14. Site URL: https://www.xpressionz.shop Can some one please help. Yesterday the headings above the product variant dropdowns were not there and now they are. I want to remove them. See screenshots...The first one is how it was, and I want it back like that and second is what it looks like now. Not sure what happened. Thanks so much in advance.
  15. Site URL: https://smilodon-cricket-9sh9.squarespace.com/ I would like to change the font of my product titles via CSS. They need to be like H1 (Font: planewalker). I have found several codes on this forum, but none of them seem to do the trick.\ Please find the screenshot attached. The CSS code I used so far: @font-face { font-family: 'planewalker'; src: url(https://static1.squarespace.com/static/5fc6d52010d6a92a736829bd/t/5fc76b2a09f4d56e8f856ec4/1606904618945/Planewalker.otf) } h1 { font-family: 'planewalker', orpheus-pro; } h2 { font-family: 'planewalker', orpheus-pro; } h3 { font-family: 'planewalker', orpheus-pro; } .collection-type-products .grid-title { font-family: 'planewalker';}
  16. Hello, Does anyone know how to create a complex variant to a product? We run a meal prep business which has various options for meal choices, for example: A 5 day breakfast package has 6 possible meal options, how can I get the options to show days and then people select which meal they want for that day? When I try this method out I'm prompted with a message saying the product is unavailable? Any ideas? Thank you in advance.
  17. Site URL: https://fwwm.org I work for a small nonprofit and due to COVID we've had to expand our website store offerings on the commerce page. The store manager wanted to include text about the store, about the business hours, etc., but there was no way to customize the commerce page to include this, or categories of goods. So we made a secondary landing page with galleries of the store items by categories. And it looks much better and is easier to navigate. But it doesn't work. As soon as you click on a product, all links take you back to the hidden commerce page. It defeats the whole purpose of the page we built. I have no idea how to change and reroute all the "back" links to this new store page. I would rather reroute the links than hide them, though I've managed to hide one with someone's helpful guidance on this forum. I'm still trying to sort through any posts that may help. I'm also trying to look at coding, though the pandemic will probably be over by the time I figure it out that way. I either need to be able to add some text to the commerce page, or change the links in the landing page. Anyone know how to do either??? Please and thank you ahead of time.
  18. Site URL: https://www.rentwhiz.ca Hello, I have a website, https://www.rentwhiz.ca/, and we recently got approved for numerous affiliate programs. I would like to make a webpage dedicated to these affiliate links/url's and the page will be called "Discounts, Promotions and Deals". Under this page, I would like to have categories and subcategories e.g. Books, Entertainment, Electronics, Travel, Food, Education etc. The SquareSpace gave me a solution: "If you already created a Product Page, you can still use this type of page. You can create each affiliate program as a service product. That way you don't have to add an SKU number. Then in DESIGN > SITE STYLES, you can hide the options to show the price, "add to cart" button and quantity. Here is a video on how to do this: Video Link" The challenge here is the affiliate program I’m using uses HTML for their ads which takes the form of banner ads. They do not use standard website URL’s and they do not provide images for their ads. This is what this results in: I can add HTML here using a code block: But the product image/product preview is driven by the image that is added here: Therefore, the product listing does not have an image: And the only way the user can see the hyerlink is once they click on the product in #3 above. Any suggestions to this problem are much appreciated. I believe I'm using Brine site. Thanks, Robin
  19. Site URL: https://studiomorr.com Hi, I would like to add a centered text on my product pages - below the page title and above the product pictures. I want the text to have a header, for example Art Prints. Then I would like a smaller text centered under, that shortly explains the products showing under (Art prints). Thanks!
  20. Does anyone know how to reduce the space above the product name so it is aligned to the photo? Thanks
  21. Site URL: http://www.betweentwonaps.com hello there, i've noticed that if you hit the add to cart button and the window pops up (saying not Available / out of stock) it strangely appears on the left of the screen and not centered on desktop (seems fine on mobile though. any ideas how to fix, so window appears neat and centered? ref image attached thanks!
  22. Is there a way to change the settings for a product page so that some images can be horizontal and some vertical?
  23. Hey everyone! I'm trying to simply change the COLOR THEME for sections of PRODUCT DETAIL PAGE. At the top of the PRODUCT ITEM, I can see "EDIT PRODUCT" and "EDIT DESIGN" but neither of them have anything to do with colors. If I navigate to "Colors" >>> "Section Themes", I can see the color themes for each section of the PRODUCT DETAIL PAGE. I can then click the COLOR THEME, in this case "White Bold", but it only prompts me to edit the COLOR THEMES instead of choosing the COLOR THEME I'd like to use. =/
  24. Site URL: https://www.justinreisceramics.com/store Hi there - I recently upgraded to 7.1 and cannot for the life of me figure out activate the dimmed overlay for sold out products. On the previous version of my site in v7, a product image on the product page would automatically get a dimmer overlay once the product sold. I'm trying to bring that back! Can anyone help?
  25. Site URL: https://www.mamskulture.com/ The grid of my shop pages are single posts in a linear form. I would like them in a grid of rows and columns for both desktop and phone
×
×
  • Create New...