Jump to content

Product scarcity text on image in Summary Blocks

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://www.fioridicipria.com/it/shop-now

Hi there! I've created a custom shop page form my website using Summary Blocks and tags and I'd love to change the position of the product-scarcity text.

I'm looking for a way to display the text right at the bottom of the product image, like the attached photo. If you guys could help, I'd really appreciate it (currently the product-scarcity is hidden because I haven't designed it yet)

 

 

Screen Shot 2020-11-03 at 13.01.20.png

Link to comment

Please enable one of them and show me the url to check

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

You mean these?

image.png.bbbc33d733dc52c7de598a9db751bfaf.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

What is saw is

image.thumb.png.2eab03a6099942fb8827cc0f7747a80e.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • Solution
1 minute ago, RobPegurri said:

 I used flexbox 

.sqs-gallery-meta-container {
   display: flex;   
   flex-direction: column;
   position: relative;
}
.sqs-gallery-meta-container  .summary-title {
      order: 2;
  }
.sqs-gallery-meta-container  .summary-price {
      order: 3;
  }
.sqs-gallery-meta-container  .product-scarcity {
    position: absolute;
    width: 100%;
    top: -40px;
}

 

image.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
14 minutes ago, RobPegurri said:

YES! Works like a charm 😍 thanks man!

Sorry for being confused earlier, hah

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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