Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Product scarcity text on image in Summary Blocks


RobPegurri

Question

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

10 answers to this question

Recommended Posts

  • 0
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 BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0

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

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0

You mean these?

image.png.bbbc33d733dc52c7de598a9db751bfaf.png

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0

What is saw is

image.thumb.png.2eab03a6099942fb8827cc0f7747a80e.png

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0
14 minutes ago, RobPegurri said:

YES! Works like a charm 😍 thanks man!

Sorry for being confused earlier, hah

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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...