Jump to content

Faustas

Member
  • Posts

    65
  • Joined

  • Last visited

Posts posted by Faustas

  1. Hi, please see product page on mobile view:

    Antique Victorian 18kt yellow gold double serpent band ring — Mozeris Fine Antiques

    On mobile the "add to cart" and "description" sections have moved below my reviews.

    The desktop view is perfectly fine.

    I was previously provided this code for the fix: 

    However it no longer works.

     

     

    //add to cart mobile higher

    @media screen and (max-width:767px) {

    .tweak-product-basic-item-text-alignment-center .ProductItem-details .sqs-add-to-cart-button-wrapper {

        order: 2 !important;

    }

    section.reviewsSection.O_TZtXma8b5KXnfG16jW {

        order: 3;

    }

  2. Hello,

    Attached below is a screenshot "Web View" of a summary block with products on desktop. They are all tiny because of the spacing parameters I made.

    Attached also is "Mobile View" this is how I want the summary block to look on mobile, 2 items in a row.

    When I have my desired look on mobile, you can see it gets completely ruined on desktop, how can I have the spacing seperate for mobile and web?

    If I make the desktop view look correct, it makes mobile view 1 product across whole screen, which makes it tiring to just scroll by products 1-by-1 on mobile.

    Please advise, thank you,

     

    https://www.mozerisfineantiques.com/

     

     

     

     

    web view.jpg

    mobile view.jpeg

  3. 9 hours ago, tuanphan said:

    Add to Design > Custom CSS

    @media screen and (max-width:767px) {
    .tweak-product-basic-item-text-alignment-center .ProductItem-details .sqs-add-to-cart-button-wrapper {
        order: 2 !important;
    }
    section.reviewsSection.O_TZtXma8b5KXnfG16jW {
        order: 3;
    }
    }

     

    Thank you, much appreciated.

  4. On 6/10/2022 at 8:06 AM, tuanphan said:

    Add to Last Line in Code Injection > Footer

    <script>
    $(document).ready(function() { 
    		$('section.ProductItem-additional .button-block').appendTo('div.sqs-add-to-cart-button-wrapper');
    	});
    </script>
    <style>
      div.sqs-add-to-cart-button-wrapper {
        display: flex !important;
        align-items: center;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }
      #siteWrapper.with-button-variants .sqs-button-element--primary {
        max-width: unset !important;
        min-width: unset !important;
        width: auto !important;
        margin-right: 20px;
    }
    </style>

     

    Thank you so much, really appreciate it.

    I am very happy. Just one last question is how can I have the buttons all the same size, and perhaps some spacing inbetween?

     

    Thank you

     

    a.png

  5. Site URL: https://www.mozerisfineantiques.com/jewellery/p/bvkbk1lv2a3pgpqwbgutfgchgvm03y

    This is my product page.

    https://www.mozerisfineantiques.com/jewellery/p/bvkbk1lv2a3pgpqwbgutfgchgvm03y

    I would like to move the information below such as "Enquire" and "live Chat", as well as the information of accordion into the blank space. The blank space is where product "description" would be. 

    The buttons and accordion are entered into "Additional information" when listing.

    How can it be moved? Thank you.

    Best Regards

    example.jpg

  6. 3 hours ago, paul2009 said:

    I recommend that you wait until Squarespace add this as a feature. Right now there isn't a feature for this and it isn't practical to try to achieve this with code.

    Did this help? Please give feedback by clicking an icon below  ⬇️

    Hi Paul,

    That's unfortunate, I would really love to see this feature. I am quite certain the concept can easily be copied from elsewhere and implemented to squarespace, many many platforms I have seen have this feature.

    Here is another example on Etsy:

    https://www.etsy.com/uk/listing/1207632472/18kt-yellow-gold-flower-cluster-ring?click_key=343774ca8f8c5fe34b71da7206a829c2a1b12a3f%3A1207632472&click_sum=b6c68e98&ref=shop_home_active_1&frs=1

    Would it be possible to forward a message to a developer at squarespace? Thank you.

    Best Regards

     

  7. Site URL: http://www.mozerisfineantiques.com

    Hello,

    I would like to add my product videos so they are shown as the second image.

    Here is my desired result on this page:

    https://www.1stdibs.com/jewelry/bracelets/bangles/579-carat-natural-ruby-diamond-14-karat-rose-gold-bangle/id-j_6640131/

     

    This is my product page, the video is currently at the bottom, and I think noone is going to view it this way.

     

    Thank you, I look forward to hearing back.

     

    Regards

     

×
×
  • 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.