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
Navigator
300 51 56

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





View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
10483 1289 1650

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

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

Asad-Mahmood
Navigator
300 51 56

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





DaisyVo
Shopify Partner
2769 331 383

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
9670 2301 2870

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.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.