I want to change the design saved_amount at the top of each product

Solved
Highlighted

- Hi how do I change the design of this

Screenshot_6.jpg
- I want to make it like this design :)

Screenshot_7 copy.jpg
- This My Website ..
https://arwa-online.com/
- This is another website that has the design I want
https://www.freshhiss.com/

0 Likes

Success.

Tourist
58 4 6

Hi Arwa:
You need to customize your css file and that liquid section:
Add this on your css file

.grid-product__image-wrapper p{
border-right: 75px solid transparent;
border-top: 75px solid #fea244;
height: 0;
width: 0;
color: #fff;
line-height: normal;
position: absolute;
text-align: left;
text-transform: uppercase;
z-index: 999;
}
.grid-product__image-wrapper p strong{
display: block;
margin-top: 2px;
position: relative;
text-align: center;
top: -72px;
vertical-align: middle;
width: 44px;
font-weight: 600;
font-size: small;
}


Also search the code of that liquid section you want to edit and go for this way

<div class="grid-product__image-wrapper" style="height: 309px;">
      <p><strong>Save $99.99</strong></p>
<a class="grid-product__image-link" href=".......


You will get this:
Screenshot_1.png

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes

I understand you,thank you
But I'm not a code expert, can you help me with some screenshots?

0 Likes
Tourist
58 4 6

Hi @Arwa-Online,
If you share us your Shopify store URL we can send you an invitation on Shopify to help you with that task as a collaborator in your store.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes

How can I do that?

0 Likes
Tourist
58 4 6
Please send us your store url on our mail (URL like mystore.myshopify.com), so we will send a request as a collaborator
Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes

I've sent you an email

0 Likes