how to add bullet points/product features above buy buttons.

Solved

how to add bullet points/product features above buy buttons.

sufyanahmed
Visitor
2 0 1

hi, im totally unaware of coding, im currently using streamline theme and my product description shows below buy buttons,

the description below is fine but i want to add bullet points/ product main features just above buy buttons and below quantity selector. please guide how to do it?

Accepted Solution (1)

Asad-Mahmood
Shopify Partner
452 80 91

This is an accepted solution.

From the admin pannel go to settings -> custom data -> Create a product metafield with name points and set its type to single line text and then select list of values and save.

Then go to products and you will see points field there fill values in it.

then go to the customzier and open product page and add a custom code block where you want to show bullets
then paste this code there

 

{% if product.metafields.custom.points %}
  <ul>
    {% assign bullet_points = product.metafields.custom.points | split: ',' %}
    {% for point in bullet_points %}
      <li>{{ point | strip }}</li>
    {% endfor %}
  </ul>
{% endif %}

 


 

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
11060 1364 1745

@sufyanahmed  can you please share this page link here you want it?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Asad-Mahmood
Shopify Partner
452 80 91

This is an accepted solution.

From the admin pannel go to settings -> custom data -> Create a product metafield with name points and set its type to single line text and then select list of values and save.

Then go to products and you will see points field there fill values in it.

then go to the customzier and open product page and add a custom code block where you want to show bullets
then paste this code there

 

{% if product.metafields.custom.points %}
  <ul>
    {% assign bullet_points = product.metafields.custom.points | split: ',' %}
    {% for point in bullet_points %}
      <li>{{ point | strip }}</li>
    {% endfor %}
  </ul>
{% endif %}

 


 

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




DaisyVo
Shopify Partner
4460 499 594

Hi @sufyanahmed 

 

Please share your store link so I can check it for you

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
sufyanahmed
Visitor
2 0 1

Made4uo-Ribe
Shopify Partner
10211 2427 3081

Hi @sufyanahmed 

Can you take a screenshot of the area you are referring to? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.