Jump to content

tuanphan

Circle Member
  • Posts

    63,814
  • Joined

  • Last visited

  • Days Won

    511

Everything posted by tuanphan

  1. Can you share link to cart page? We can check it again easier
  2. The page looks fine. Can you explain?
  3. Add to Design > Custom CSS /* remove sold out products from shop page */ div.sold-out.grid-item { display: none; }
  4. If you use Filter Plugin, the plugin has an option to show item total. (need a Business Plan or higher to install plugin) (The answer contains an affiliate link, which means I will receive a small commission if you click and buy the plugin according to the link above.)
  5. Hi, You can add a blank section above image block, then we will give the code
  6. Hi. It is pro version, try another one. https://fontawesome.com/v5.15/icons?d=gallery&p=1&q=arrows
  7. Hi. Fixed site navigation or fixed site navigation + burger effect? (click burger >> nav appear)?
  8. Hi. To add code to Code Injection or Page Header, you need to wrap CSS in style tag <style> .gallery-slideshow-item img { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } .gallery-slideshow { width: 50%; float: left; padding: 0; padding-left: 3vw; margin-bottom: 30px; height: auto !important; } .gallery-slideshow-controls { top: 55% !important; } @media screen and (max-width: 768px) { .gallery-slideshow { width: 100%; padding-left: 6vw; padding-right: 6vw; } } </style>
  9. Add to Design > Custom CSS @media screen and (min-width:1700px) { div#grid { height: auto !important; display: grid; grid-template-columns: repeat(3,1fr); } #grid .item { width: 100% !important; height: auto !important; top: unset !important; left: unset !important; position: relative !important; } }
  10. I think .quote-block>div * { text-shadow: 2px 2px #ff0000; }
  11. Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { .gallery-reel { height: 40vh !important; } }
  12. Hi, You can't access template to edit meta tag. Can you share link to page where you have problem with form? We can take a look
  13. Hi, If you need to fix any problem, just let me know. We will check
  14. Can you share link to page where you added a button? We can check easier
  15. Add to Design > Custom CSS /* prevent stack from 768px to 1024px */ @media screen and (max-width:1024px) and (min-width:768px) { div#block-yui_3_17_2_1_1634483957414_5201 .summary-item { width: 31.0345% !important; margin-bottom: 3.44828% !important; margin-right: 3.44828% !important; clear: none !important; } div#block-yui_3_17_2_1_1634483957414_5201 .summary-item:last-child { margin-right: 0 !important; } }
  16. Hi. Where is the text? I don't see it on https://www.capilla-wine.com/accueil
  17. Try adding this to Last Line in Code Injection > Footer > Then check again on mobile <script> $(document).ready(function() { if(window.innerWidth <= 575 && $('.nested-category-children li a').length > 0) { let open = false $('<div id="t-category" name="t-category"><div id="t-control">Category <span id="t-down"></span><span id="t-up"></span></div><div id="t-menu"></div></div>').insertBefore('.nested-category-tree-wrapper'); $('.nested-category-children li a').each(function(id, e) { const href = $(e).attr('href'); const text = $(e).html(); $('#t-menu').append('<a class="t-item" href="'+href+'">'+text+'</a>') }) $('#t-control').click(function() { if (!open) { $('#t-menu').css('display', 'block') $('#t-down').css('display', 'none') $('#t-up').css('display', 'unset') open = true } else { $('#t-menu').css('display', 'none') $('#t-down').css('display', 'unset') $('#t-up').css('display', 'none') open=false } }) } }) </script> <style> #t-category { display: none; } @media only screen and (max-width: 575px) { .nested-category-children { display: none !important; } #t-menu { position: absolute; top: 35px; z-index: 1; background: white; display: none; right: 0; text-align: right; } #t-category { position: relative; display: inline-block; float: right; top: 5px; right: 0; } .nested-category-title { display: inline-block !important; } #t-control { font-family: baskerville-display-pt; font-weight: 700; font-style: normal; letter-spacing: 0em; text-transform: none; z-index: 12; font-size: 20px; position: absolute; top: 0; right: 0; padding-right: 20px; } .t-item { display: block; padding-left: 15px; } #t-down { margin-left: 10px; position: absolute; top: 15px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid; right: 0; } #t-up { margin-left: 10px; position: absolute; bottom: 12px; right:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid; display: none; } } </style>
  18. Add to Design > Custom CSS .gallery-slideshow-control-btn-icon svg { stroke: red; width: 20px !important; height: 40px !important; }
  19. #3. Try adding a tag with name: limitedseafood for product belongs this category. Let me know when you're done this As I checked, the category name does not appear in the code structure, so it is not possible to target the products. I would check to see if the tag is present, and maybe use the code to target products that belong to a certain tag.
  20. Can you share link to product where you added the link? We can check code easier
×
×
  • 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.