Jump to content

wsmedia

Member
  • Posts

    19
  • Joined

  • Last visited

Reputation Activity

  1. Like
    wsmedia got a reaction from Beyondspace in 3 images side by side on mobile view   
    PERFECT!!!! Works great. I think I kept using the wrong section ID.... and that really matters! lol. Thank you so much for providing this. It really helped me complete my project.
  2. Like
    wsmedia reacted to Beyondspace in 3 images side by side on mobile view   
    Try adding to Home > Design > Custom Css
    @media only screen and (max-width: 767px) { section[data-section-id="618bf362eaeb6d040b7a5ee6"] .content .span-12 .row { display: flex; } section[data-section-id="618bf362eaeb6d040b7a5ee6"] .content .span-12 .row > .col { width: 33.33% !important; } } Let me know how it works on your site
    Press 👍 or mark this answer as solution to help another one too
  3. Like
    wsmedia reacted to Beyondspace in 3 images side by side on mobile view   
    Is it the result you want to achieve in mobile?

  4. Like
    wsmedia reacted to tuanphan in 3 images side by side on mobile view   
    Can you share link to page where you have problem? WE can help easier
  5. Like
    wsmedia reacted to Beyondspace in 3 images side by side on mobile view   
    Your site is still private now. Can you share it with the protected password for us to check?
  6. Like
    wsmedia reacted to dhob in How can I hide the Add to Cart, Quantity and Price from my product page?   
    I'm working within the 7.1 system, and here is a way to hide the product selection drop down menu (such as for "Select Size"), the quantity selection box, and the Add to Cart button on an individual product level basis. This way you can hide these elements on products within a given store page without having to use a blanket approach that affects more than specific products.
    We'll do this by creating a tag called "hideorder" and tagging any product with this tag name for which we want to hide all of these ordering options. So to start, take a single product and create a tag called "hideorder." To learn more about tags, see: https://support.squarespace.com/hc/en-us/articles/205814438)
    Next, add this code to your site's Custom CSS:
     
    /* ----------------- ultra-fresh "ORDER INTERFACE Be-Gone"  ----------------- /
    /*  add "hideorder" tag to any page to remove dropdown, quantity, and order button  */

    /*  remove select size dropdown  */
    article .tag-hideorder .variant-option {
        display: none;
    }
    /*  remove quantity dropdown  */
    article .tag-hideorder .product-quantity-input {
        display: none;
    }
    /*  remove order button  */
    article .tag-hideorder .sqs-add-to-cart-button-wrapper {
        display: none;
    }
     
    That should do it. Seems to work nicely. Also, you can adjust the code by deleting lines if you want parts of the product ordering system to appear but not others (for whatever reason). Or of course you could create additional tag names with different attributes built off this code. I hope this makes sense. Good luck!
×
×
  • 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.