Jump to content

merakiconceptstudio

Circle Member
  • Posts

    59
  • Joined

  • Last visited

Reputation Activity

  1. Like
    merakiconceptstudio got a reaction from Ziggy in Urgent help needed to display single item on "carousel" summary block on mobile   
    @Ziggy That code has solved the image-cutting problem, but why is it only showing 7 results? I want it to show everything in the carousel. Do you know how to do this?
  2. Like
    merakiconceptstudio reacted to Jo_SQSP in Introducing Forum Achievements   
    Hello Squarespace Community!
     
    Over the last several years, our community has turned the Squarespace Forum into a welcoming resource for website owners to receive support and constructive feedback from their peers. 
    We’re excited to celebrate your contributions to the Squarespace Forum by releasing our new Forum Achievements program. Over the next few days, you’ll start to see badges appear for your forum activity. Qualifications for each badge will be calculated retroactively, meaning that you’ll be credited for your forum contributions throughout your entire Squarespace journey. 
    A variety of actions—posts, comments, feedback, reactions, and more— will be represented across different badges to reward all forms of forum participation. You’ll also receive a rank designation based on your forum contributions. Both your badges and rank designation will be visible in your forum profile.
    We look forward to the evolution of this program through your feedback and participation. Comment below to let us know if you have any questions about Forum Achievements!

    Cheers,
    The Squarespace Community team
     
  3. Like
    merakiconceptstudio got a reaction from paul2009 in Changing What Price Variant Displays in the "from" field   
    This looks great, Paul! 🙂 
  4. Love
    merakiconceptstudio reacted to paul2009 in Changing What Price Variant Displays in the "from" field   
    This solution is now in beta test and will be available as an extension for Squarespace 7.1 websites.
    Here it is in use:

  5. Thanks
    merakiconceptstudio reacted to tuanphan in Reordering display on mobile/tablet   
    #2. Add to Design > Custom CSS
    /* Mobile - From vibrant */ @media screen and (max-width:767px) { div#page-section-61dd61144aab154033bd6897 .span-12>.row>.span-3 { width: 50% !important; float: left !important; } }  
  6. Like
    merakiconceptstudio reacted to Beyondspace in Reordering display on mobile/tablet   
    1. Try adding to Home > Design > Custom Css
    @media only screen and (max-width: 767px) { .ProductItem-additional .sqs-block-product + .row > .span-6 > .row > .span-2 { width: 30% !important; } .ProductItem-additional .sqs-block-product + .row > .span-6 > .row { display: flex; justify-content: space-evenly; } } Let me know how it works on your site
  7. Like
    merakiconceptstudio reacted to tuanphan in Add "Add to Cart" button underneath Quick View on 7.1   
    What is site access password?
  8. Like
    merakiconceptstudio reacted to Beyondspace in Add "Add to Cart" button underneath Quick View on 7.1   
    It mean that when you hover the image, 2 buttons will arise immediately, right?
  9. Like
    merakiconceptstudio got a reaction from paul2009 in Add "Add to Cart" button underneath Quick View on 7.1   
    Site URL: https://mairi-helena.squarespace.com/samples
    Password: test
    I've used this plug-in to add an Add to Cart button to every product on my Shop page. 
    I've enabled Quick View and I'd like the Add to Cart button to appear when someone rolls over the image (not just on the button itself)—in exactly the same manner as the Quick View feature. If you hover your cursor below the Quick View, you'll see what I have at the moment. I'd like them in the middle of the image, if possible.
    Roll over an individual product here to get an idea of what I'd like to create: https://www.johnlewis.com/browse/furniture-lights/living-room/coffee-tables/_/N-c4w
    Would greatly appreciate any help!

  10. Like
    merakiconceptstudio got a reaction from AmalieHoffding in Override Cursor with Custom Image   
    Can someone help me with the best export settings for my cursor? I've tried everything on Illustrator, both .gif and .png formats. Ideally I could use a .svg, but the cheat to upload one to your Squarespace website hasn't worked for me! I'm just looking for a small circle in #11FD01 but it's so pixelated. 🤯
  11. Thanks
    merakiconceptstudio got a reaction from paul2009 in Changing What Price Variant Displays in the "from" field   
    Paul, this is amazing! Could you assist me with creating this? I'm happy to pay for your time. A few questions first:
    How do I generate an active purchase link for a product? Can the button in Additional Info be targeted by CSS universally (on every product page), as opposed to having to add it for every individual product page?
  12. Love
    merakiconceptstudio reacted to paul2009 in Changing What Price Variant Displays in the "from" field   
    I looked at your link and I see you a Wallpaper product that has a sample variant priced at £3 as well as a variant for the actual product (the roll of wallpaper) priced at £130.
    I assume you're trying to make it easy to manage the inventory but you don't want the sample prices to appear in product lists or on product detail pages? Is that right?
    As @creedon said, it's possible to add code to Product Detail pages (PDPs) to replace the 'From' price with the maximum price. However, there isn't a very practical way to do this on Product List pages (PLPs) because variant prices aren't available on list pages (@creedon called it "tedious" and he's right 🙂).
    I've seen a number of Squarespace users hiding prices on PLPs and including the full price in the product title, however I'd argue that this is more of a workaround than a solution.
    The solution I usually recommend is to avoid using variants for samples and use separate products instead (see my old post). It's now really easy to create a duplicate of your main product, quickly change the price and save it as the sample product.
    By doing this, code can be used to automatically add a 'purchase sample' button to each full product page. This means that customers can still order a sample without leaving the full product page, and you won't need to use any code to change the way prices are displayed. Here's an example of what I mean:

     
    Another benefit of doing it this way is that you can also offer a separate samples page (if you want to!) where potential customers can easily order a number of samples without dipping in and out of product pages:

    I hope this alternative is helpful.
     
      Did this help? Show thanks by clicking one of the icons below  ⬇️
  13. Like
    merakiconceptstudio reacted to creedon in Changing What Price Variant Displays in the "from" field   
    Add the following to Settings > Advanced > Code Injection > HEADER.
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Store Settings > Advanced > Page Header Code Injection of the Store page.
     
    <script>   $( ( ) => {        if ( ! $( '.ProductItem' ).length ) return;          let dataVariants = $( '.product-variants' ).attr ( 'data-variants' );          dataVariants = JSON.parse ( dataVariants );          let prices = $.map ( dataVariants, function ( obj ) {            let price = obj.onSale ? obj.salePrice : obj.price;              price = price / 100;              return price;              } );            let maxPrice = Math.max ( ...prices ).toFixed ( 2 );          let $e = $( '.product-price' );          $( 'span', $e ).text ( maxPrice );          $( '.variant-option select' ).change ( function ( ) {            if ( $e.text ( ).includes ( 'from' ) )                $( 'span', $e ).text ( maxPrice );                } );            } );        </script> Let us know how it goes.
  14. Like
    merakiconceptstudio reacted to tuanphan in Changing colour of header navigation on one section using section ID   
    It looks like you solved this?
  15. Like
    merakiconceptstudio got a reaction from Beyondspace in Make table responsive on mobile   
    Site URL: https://pend.squarespace.com/services
    Password: test
    I'd like to keep four columns on mobile, if possible! Happy to make the text very small to facilitate this. All I can find online is CSS for stacking... Any pointers will be much appreciated. 🙂
  16. Like
    merakiconceptstudio got a reaction from Beyondspace in Two text blocks side by side on mobile and tablet   
    Thank you! This is awesome. 🙂
  17. Love
    merakiconceptstudio reacted to Beyondspace in Two text blocks side by side on mobile and tablet   
    try
    @media only screen and (max-width: 768px) { #block-2ebef731bc471410f011 + .row .col { width: auto !important; float: left !important; } }
×
×
  • 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.