How can I create boxed text with custom liquid in HTML?

Store Design
1

Hello community!

yyyy.JPG
yyyy.JPG586×125 8.4 KB

Is it possible to make a boxed text with costum liquide like the picture above ??

Any help apperciated.

2

Do you want them as a button?

What action will be performed after clicking on them?

1 Like
3

@djawedbhn - yes with html it is possible

4

@Ahsan_ANC

Yes, it will be good if they can be clickabe so I can insert a discount checkout link for each of them.

But if they can’t be, its not a problem (the most important is the message for me )

5

@suyash1 So what’s your suggestion

6

Here is the code for that. you can links to individual items


  
GET MORE. SAVE MORE.

  Buy 2 with
5% off
  Buy 3 with
10% off
  Buy 4 with
15% off
  Buy 5 with
20% off
1 Like
7

@Ahsan_ANC

Thank you so much for helping me mate! But there is one thing that if you can make them appear in one line because they take so much space as you could see

iiiih.JPG
iiiih.JPG572×331 11.9 KB

also in mobile view

gh.JPG
gh.JPG392×467 12.6 KB

I will leave you this store which a took the idea from so it may help you ( I thing they are using slider )

https://bloomlyn.ga/collections/bathroom/products/non-slip-embossed-bathroom-mat-03603

Thank you again!

8

@Ahsan_ANC ??

9

Hi @djawedbhn Can you share your store URL where you have implemented them.

1 Like
10

please use this code


  
GET MORE. SAVE MORE.

  Buy 2 with
5% off
  Buy 3 with
10% off
  Buy 4 with
15% off
  Buy 5 with
20% off
1 Like
11

@Ahsan_ANC Thank you so much for your kindness and your helpfull code.