Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Metafield Lists - Bullet Points instead of "and"

Metafield Lists - Bullet Points instead of "and"

taylorregan
Shopify Partner
16 1 3

I'm using metafield lists for underneath my product descriptions and I noticed if your list is less than 3 items, it will automatically use the word "and" instead of bullet points. Is there any way to edit the code so that it always displays as bullet points? 

 

For example, I want it to display as:

  • Free Us Shipping
  • Free US Returns

But instead it displays as:

"Free US Shipping and Free US Returns"

 

As soon as I list three items, it switches to bullet points. 

 

Thanks!

 

Replies 2 (2)

KetanKumar
Shopify Partner
37635 3670 12168

@taylorregan 

yes you have create your meta filed add this code 

{%- if product.metafields.custom.product_points != blank -%}
                <div class="product_points">
                  <ul>
                  {% for product_point in product.metafields.custom.product_points.value  %}
                    <li>{{ product_point }}</li>
                  {% endfor %}
                  </ul>
                </div>
                {%- endif -%}
If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Laurasnow
Visitor
2 0 0

Hi @KetanKumar 

 

I'm also having this issue - where do you add this code?

 

Thanks