loylabel
-
Posts
56 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by loylabel
-
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.
-
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
-
Help: Product page Title above the slideshow?
loylabel replied to loylabel's topic in Customize with code
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> -
Hello, I need a code to place the product title above the images slideshow... picture below
-
Hey Ziggy! I ended up doing separated code blocks for each part... 🙂
-
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.
-
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>
-
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/
-
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.
-
My savior! tyvm
-
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
-
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
-
Is there any way to show the product variants (in this case colors) in summary blocks?
-
Worked! Ty! Dumb me 🙂
-
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; }
-
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?
-
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.
-
All I want is a header with 2 rows to keep using the Squarespace
loylabel replied to loylabel's topic in Pages & Content
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.
-
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; }
-
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...
-
I invited you as a Web editor 🙂
-
hey, sure! https://primrose-cube-5ejs.squarespace.com/ password: anaconda
-
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.
-
hey Tua check the reply above.
-
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.
