Jump to content

jdillagodzilla

Circle Member
  • Posts

    85
  • Joined

  • Last visited

Posts posted by jdillagodzilla

  1. Site URL: https://www.shopuhhuh.com/shop/p/study-05-gateway-5tz2x

    I'm testing out using "product reviews" on my product pages which is currently in beta.

    I'm using the etsy import feature. Example attempt: https://www.shopuhhuh.com/shop/p/study-05-gateway-5tz2x 

    I've already started to noodle a bit but I'm wondering if anyone can help me clean it up in one of two ways:

    1. move below image/info and make full width 

    2. constrain so there isn't white space below image (the reviews could scroll but there wouldn't be white space below the image, or maybe constrain the number or reviews shown)

     

     

     

    //place reviews below additional details
    .I5QWflG8d {
      order: 7!important;
    }
    //hide title/image
    .EXF8_ab7F {
    display:none!important;
    }
    
    // hide 'posted on etsy'
    ._19HY3qkUe {
      display:none!important;
    }
    // remove divider line
    ._3JUIkAKJx {
      border: 0!important;
      opacity: 100%;
    }

     

  2. Site URL: https://www.shopuhhuh.com/card

    Having issues with mobile view of my image: collage – everything looks great when I inspect, but not on an actual device white space is wild! 

    URL: https://www.shopuhhuh.com/card

     

    css being used:

    Quote
    
    //image collage
    .sqs-block-image .design-layout-collage .image-card {
      background-color: #F2F0EA;
          border:.5px solid #121212!important;
    }
    .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-left .image-card {
      width: 50%;
        margin-right: 20%;
      margin-left:30%;
    }
    
    .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-right .image-card {
        width: 50%;
        margin-right: 30%;
      margin-left:20%;
    }
    
    @media (max-width: 640px){
      div .sqs-block-image .image-block-outer-wrapper.image-block-v2 {
        flex-direction: column !important; 
        display: flex !important;
        align-items: center !important;
             padding-left:0px!important;
        padding-right:0px!important;
            width:100%!important;
        }
       .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsic {
      left: 0 !important;
         margin-top:10%!important;
             padding-left:0px!important;
         padding-right:0px!important;
    
      }   
      .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-left .intrinsic {
    
        margin-top:10%!important;
    
      }
      .sqs-block-image .design-layout-collage .image-button {
        margin-top:10%!important;
      margin-bottom:10%!important;
             margin-left:0px!important;
         margin-right:0px!important;
      }
       .sqs-block-image .design-layout-collage .image-card {
    
          border:0.5px solid #121212!important;
         margin-top:20%;
         margin-bottom:10%;
         margin-left:0px!important;
         margin-right:0px!important;
         width:100%!important;
    }
    
    }
    [data-section-id="60ba51b909e55433f301148a"]{.content-wrapper  {
          padding: 0px !important;
          margin: 0px auto;
          display: contents;
        }
        .sqs-layout .sqs-row .sqs-block {
          padding-bottom: 0px !important;
          padding-top: 0px !important;
        }
    }
    
    @media (max-width: 640px){
      [data-section-id="60ba51b909e55433f301148a"]
    .content-wrapper  {
          padding: 10px !important;
          margin: 10px auto;
          display: contents;
        }
    
    }
    
    .sqs-block-image .design-layout-collage {
          padding: 0px !important;
          margin: 0px !important;
    }

     

     

    1996332981_ScreenShot2021-06-04at12_47_15PM.thumb.png.c06bc24de67a7f973635ed20795188b0.pngIMG_0592.thumb.PNG.2d70c49846521ab135273a43c1ab9d33.PNGimages for reference

  3. Thanks @creedon

    Given the issues, I'm going to remove the quick view but I'll share a vid on this thread of me walking through the problem with some things I've tried incase anyone comes back to it.

    Me showing the issue: https://www.loom.com/share/4b2cfb58c92a4c6ba59091fbd48776bd

    A friend asking a few follow ups: https://share.getcloudapp.com/kpuDBBrx

    Me following up on the follow ups: https://www.loom.com/share/ce5a04c065cb4dbba1ef94f63ef21e0c

    *thank you for coming to my ted talk*

  4. Site URL: https://www.shopuhhuh.com/collection/essentials

    Hi All, 

     

    Seeing some funky behavior on my "Quick View" Light box. 
    Essentially, I have links in my product description which is causing the quantity and add to cart button go to those links vs. behave correctly. Any help you can provide would be MUCH appreciated b/c I have over 200 products with links in the description so I can't feasibly go and remove all the links.

    page: https://www.shopuhhuh.com/collection/essentials  

    Screen Shot 2021-05-26 at 9.22.49 AM.png

  5. @paul2009 I have nested categories https://www.shopuhhuh.com/shop/filter/collections/formless 

     

    Looking at the url for individual products, it kind of makes sense why this feature is so complex:
    https://www.shopuhhuh.com/shop/p/abstraction-06-lake-1
    The only info retained in the url is Shop > Product Name

    Depending on where I navigated to this product from, I would want to see:
    shop > earrings  > abstraction 06 – lake
    shop > more filters > collections > formless > abstraction 06 – lake
    shop > more filters > shop by color > latte > abstraction 06 – lake

    etc.

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