Adding Custom Lines for all products above add to cart

[Pietsharm93]

Hello guys am currently using the Dawn Theme and working on my product page, i can’t seem to get the following done, i will add a picture of example below.  

you can see above the button there are these 4 Lines that i want to add, its a combination of text and icons ). this will greatly improve my display and design for customers when going trough my product page. Can someone help me out with the code / steps to get this, doesn’t have to by exactly the same but you get my question, thanks already guys! 

link to the example: 

https://mauro-milan.nl/collections/bestsellers/products/roma-set-white

[BSS-TekLabs · Accepted solution]

Hi @Pietsharm93,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Customize.

2, Locate and open the Default product template.

3, Add a Custom liquid block and drag it on top of the Buy buttons.

4. Paste the code snippet provided below, then save your changes. (Please change the src attribute of the <img/> to the image of your choice)

<div class="product-block">
  <div style="display: flex; align-items: center; margin: 0 0 5px 0; padding: 0;">
    <img src="https://cdn.shopify.com/s/files/1/0787/4369/9783/files/Klarna_logo_91a622e0-827c-4520-94d9-8141f581d13f.png?v=1714750900" alt="Klarna" style="width: 25px; height: 25px; margin-left: 0px; padding: 0;">
    <span style="margin-left: 10px; padding: 0;">Koop nu, betaal later</span>
  </div>
</div>

Repeat the above steps to add more similar blocks.
Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[Pietsharm93]

This worked perfectly u the bomb!