Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by loylabel

  1. This is something Squarespace will need to implement... not used variants should not show up if the combination doesnt match... I have the same issue and I spent hours trying to solve it until I landed in this topic. If there is a plugin to go around this I would buy it.
  2. Is it possible somehow to show the product color variants under the product in the summary block? Maybe a code or a plugin? ty in advance
  3. For those with the same need I found a solution with this code injected in the footer <script> jQuery(document).ready(function($){ if (jQuery(window).width() > 767) { $('h1.ProductItem-details-title').insertAfter('nav.ProductItem-nav'); } }); </script>
  4. Hello, I need a code to place the product title above the images slideshow... picture below
  5. Hey Ziggy! I ended up doing separated code blocks for each part... 🙂
  6. Hey Ziggy! the website is https://www.theinteriordoors.com/ please take a look, on mobile the code I added in the footer looks like the image below. The table has 3 columns, and on mobile they are too narrow, would be better if it could be one cell below the other one.
  7. Hello, I m workin to improve the look of my company website, and I created a footer with a code block using A.I. It looks perfect on desktop view but in mobile view its veeeeery messed up and I cant seem to fix it, below is the code and the website is theinteriordoors.com <!DOCTYPE html> <html> <head> <style> table { width: 75%; border-collapse: collapse; table-layout: fixed; margin-left: auto; margin-right: auto; } th, td { border: 0px solid black; padding: 20px; color: white; text-align: left; } th { background-color: ; } th { font-size: 28px; font-weight: normal; } .social-icon { display: inline-block; vertical-align: middle; margin-right: 20px; } .info-icon { display: inline-block; vertical-align: middle; margin-right: 10px; width: 25px; /* Adjust the width for information icons */ height: 25px; /* Adjust the height for information icons */ } .opening-hours { display: grid; grid-template-columns: 200px 1fr; grid-column-gap: 10px; align-items: center; } .day { font-weight: normal; } .footer-row { background-color: #332D2D; color: white; text-align: center; } </style> </head> <body> <table> <tr> <th>ABOUT OUR COMPANY</th> <th>CONTACT US</th> <th>OPENING HOURS</th> </tr> <tr> <td>We are a construction materials and services store that serves the entire Broward County region. With over 5 years of experience and family-run, we pride ourselves on providing the best customer service to our clients.</td> <td> <img src="/s/icon_location_footer.png" class="info-icon"> 1960 N Federal Hwy<br> Pompano Beach, 33062<br><br> <a href="tel:+19545976373"> <img src="/s/icon_phone_footer.png" class="info-icon"> (954) 597-6373 </a><br><br> <a href="mailto:cs@axehomeanddesign.com"> <img src="/s/icon_mail_footer.png" class="info-icon"> cs@axehomeanddesign.com </a> </td> <td> <div class="opening-hours"> <div class="day">Monday to Friday:</div> <div>9am - 5pm</div> <div class="day">Saturday:</div> <div>11am - 4pm</div> <div class="day">Sunday:</div> <div>Closed</div> </div> </td> </tr> <tr> <td> <a href="https://www.facebook.com/axehomedesign/" target="_blank"> <img src="/s/icon_fb_white.png" class="social-icon" style="width: 55px; height: 55px;"> </a> <a href="https://www.instagram.com/axehomeanddesign/" target="_blank"> <img src="/s/icon_insta_white.png" class="social-icon" style="width: 58px; height: 58px;"> </a> <a href="https://wa.me/19542805688" target="_blank"> <img src="/s/icon_whats_white.png" class="social-icon" style="width: 48px; height: 48px;"> </a> </td> <td></td> <td></td> </tr> </table> </body> </html>
  8. If someone can gimme a little help, I am trying to align the secondary nav text to the squarespace header button to the right, but I cant figure it out with code, to many containers in the header are driving me nuts... below is a picture of what I need, the website is https://flute-paddlefish-shcc.squarespace.com/
  9. I wonder if I can add a saved section into the product additional information field... there is not option to add a section much less a saved section... If I can somehow add a saved section I would create a new blank page (that visitors wont have access), create my session and just add it to the additional information in the product edit.
  10. hey! sure... link below, I added an image below too. https://sparrow-hypersphere-glhr.squarespace.com/store/p/glass-shelf-ba02-307 password is: anaconda
  11. Hello, I'm having issues with images being cropped on the sides on "related products" grid. Wonder if this can be solved with code, any help would be awesome! ty
  12. Is there any way to show the product variants (in this case colors) in summary blocks?
  13. Hello, I was able to change the text color of the header navigation, BUT doing so it cancels the hover effect on my css... any tips? .header-nav-item a:hover { color: #ED184B; font-weight: 400; } .header-nav-item a { font-weight: 400; color: #333333 !important; }
  14. It seems that squarespace limits to 5 the number of related products that shows under a product. Is there a way to increase this number with a custom css?
  15. hey Tuan, I bought a plugin for a secondary nav bar... https://www.will-myers.com/products/p/secondary-navigation-for-squarespace-71 it solved the issue with this plugin.
  16. https://primrose-cube-5ejs.squarespace.com/ password: anaconda tell me your email I will invite you as a contributor. the image below shows more or less what I want... you see the main container is divided as table below... I dont want a main container with that divs for social and button... if I could override the html code to just get rid of the left and right divs where the social and btn are and make the header 2 rows... and put the social and btn inside the div class header-title... the second image is photoshoped of what I need.
  17. I really need a way to make my header a 2 rows configuration... first row for logo, social icons, button, etc and second row for navigation... I tried a lot of code without sucess, I managed to create something close but far from perfect with the code below... but it turns to be ugly. I would really appreciate some help here otherway I would have to use another plataform for my second paid website. example site: https://doordesignlab.com/ .header-nav-wrapper { width: 100%; border-top: 1px solid white; border-bottom: 1px solid white; } .header-display-desktop { margin-left:40px; margin-top: -100px; width: 72% } .header-title-logo { margin-top:100px; } /* remove price product block */ .product-price { display:none } /* remove add to cart product block */ .sqs-add-to-cart-button-wrapper { display: none !important; } /* remove quantity product block */ .product-quantity-input { display: none !important; } /* header button */ .primary-button-style-solid .site-wrapper .sqs-button-element--primary:hover { color: dodgerblue; } /* nav remove underline */ .header-nav-wrapper a { background-image: none; } /* mobile nav font */ .header-menu-nav-item a { font-size: 24px; } /* mobile social icons size */ .header-actions-action .icon, .header-menu-actions-action .icon { margin-left: 0px; height: 40px; width: 40px; } /* nav nowrap */ .header-nav-list { display: flex; flex-wrap: nowrap; margin-top:0px; margin-bottom: 0px; } /* nav remove dropdown */ .header-nav-folder-content { display: none !important; } /* nav color hover */ .header-nav-list a:hover { color:dodgerblue !important; transform:scale(1); } /* nav and social icons hover */ .header-actions .icon--fill svg:hover { fill:dodgerblue!important; filter:drop-shadow(2px 2px 0px black) } .header-nav-list a:hover { fill:dodgerblue!important; filter:drop-shadow(2px 2px 0px black) } /* mobile header bnt */ .header-menu-cta { margin-top: 0px; margin-left:0px; }
  18. Yes, it's tricky... I think what needs to be done is to add html code... put the social and button divs into the site title wrapper, but I have no clue how to do that...
  19. hey, sure! https://primrose-cube-5ejs.squarespace.com/ password: anaconda
  20. Hello, is it possible to move the social icons in header and the Button into the Sitle Title/Logo div wrapper? (cause that way seems like to be the only way to properly configure my header the way I want. And NO, changing the header style in preset styles doesnt work cause then the nav will overlay the Button/Social Icons since its nowrap. Picture below.
  21. Hey Tua! I did a photoshop below exactly how I want it. I tried messing with everything, but I couldnt get the nav-list under the logo since they are inside the same div.
  • 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.