Shopify themes, liquid, logos, and UX
Hello,
I am new to e-commerce and shopify and currently building my store. I am using smart tab extension for product description. My theme is Simple.
Here's my link: https://www.sextra69.com/
On each product, there's "Key Feature" product tab, and the list is supposed to have bullet:
But they are just not showing. Anything I can do? I have basic knowledge in HTML and CSS.
Thanks! 😄
Solved! Go to the solution
This is an accepted solution.
can you please replace above the code to this
.smart-tabs-content-block ul, .smart-tabs-content-block ol { list-style-type: disc; }
if you have any issue let me know i can help you.
Hello, @libicap
Thanks for post.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file.
ul, ol { list-style-type: disc; }
Hey @KetanKumar ,
Many thanks for the solution! It actually does solve the problem! However, after adding the code, I have another problem:
There's a bullet on the left of the "shop now" tab.
This is an accepted solution.
can you please replace above the code to this
.smart-tabs-content-block ul, .smart-tabs-content-block ol { list-style-type: disc; }
if you have any issue let me know i can help you.
Hey @KetanKumar , this works! Thank you very much for your help!
@KetanKumar wrote:can you please replace above the code to this
.smart-tabs-content-block ul, .smart-tabs-content-block ol { list-style-type: disc; }if you have any issue let me know i can help you.
I used your solution too. Very helpful, thanks.
Facing a similar issue on my end. Suggested solution didn't do it.
The list loads and disappears. A list should show under Key Benefits here.
Suggestions?
Hello, @Edan
Welcome to the Shopify community!
and Thanks for your Good question.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.smart-tabs-content-block li {
list-style: inside;
}
That did it! Thank you so much 🙂
Thanks for update.
Hey again 🙂
I'm noticing the the alignment and display of the bullet list is not clean. Is there anything we can do about this?
Hi, I have the same issue but the codes shared here is not working. Website is: https://buffalobackyardstore.com/
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-description-area .rte li {list-style: disc;}
Omg it worked! Thank you.
its my pleasure to help us
Hello,
I have a similar problem. The bullet point disappeared after 1 second. But the code does not work for me 😞
Is there another solution?
Thank you
Hello, @Shao
Welcome to the Shopify community!
and Thanks for your question.
Please share your site URL,
So I will check and provide a solution here.
Thanks for it
store is password protect
Thanks
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.smart-tabs-wrapper li {
list-style: inside;
}
That code worked for me!
Really appreciate your help! Thank you
Thanks for update and your compliment
Hi there,
I am having the same issue but do not seem to have the file /theme.scss.liquid in my assets folder. Do you have a different solution or suggestion?
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question. 😊
Please share your site URL,
So I will check and provide a solution here.
Thanks, here is the link: https://ctmagazine.myshopify.com/
My theme is "Bachas" if that helps.
Thanks for store
can you please share particular page URL so i will provide proper code
Here is an example, but it's happening on all product pages: https://ctmagazine.myshopify.com/products/advent-2020-devotional-bundle
This list under "what's inside?" Should all be bullet points:
Thanks for more details
1. Go to Online Store->Theme->Edit code
2. Asset->/style.css->paste below code at the bottom of the file.
.tab-content ul li {
list-style: inside;
}
Great, thanks @KetanKumar. That fixed the issue. Is there a way to get the bullets to indent like they do in the editor? The bullet points are there on the live site now, but they are all left-aligned, in line with the rest of the text.
@KetanKumar I'm also having the issue of not being able to retain the line breaks when bulleting items within the product description (despite entering <br> in the url section). Notably, I am using Shopify Lite and don't have an online store but instead want to create a buy button linked from a separate website of mine. Hence, Product Details show up like this "• 100% cotton face • 70% ring-spun cotton, 30% polyester • Front pouch pocket • Self-fabric patch on the back" instead of showing each bullet listed on a separate line. Might you be able to help with that?
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question. 😊
Please share your site URL,
So I will check and provide a solution here.
Hello, Ketan
I am new here and am trying to add bullet points to my products but I don't have a style.css in assets. Only a custom.css and theme.css
My site is https://cosygaming.com/
and I want to add bullets to this page: https://cosygaming.com/collections/cockpits/products/scorpion-gaming-cockpit
sorry for this issue bt i can't see bullets point this product can you please add and let me now
That's the thing,
When I add bullet points, they don't show even though they are there in my editor.
I'm using a custom HTML code for tabs, I don't know if that is the reason.
<ul class="tabs">
<li><a class="active" href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<ul class="tabs-content">
<li class="active" id="tab1">
<p>Tab 1 content goes here.</p>
</li>
<li id="tab2">
<p>Tab 2 content goes here.</p>
</li>
<li id="tab3">
<p>Tab 3 content goes here.</p>
</li>
</ul>
its tab code doesn't show where did you add bullet point so i will check product
here is my store link i have same problem i use ypur code from above code but not work on my theme.. can you give me a solution
https://vanitygrace.com/products/caroline-parkway-36-single-sink-dazzle-white-quartz-top-vanity-2
Hello, I am having the same issue and the solutions you listed is not working. Can you help?
https://forkliftcams.com/
oh sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/dt-framework.css ->paste below code at the bottom of the file.
.product__description ul li { list-style: inside;}
Perfect! It worked easily and you were so fast to reply. Thanks again!
its my pleasure to help us
Thank you a lot!
its my pleasure to help us
Thank you for the solution I had the same doubt
@KetanKumar We are having the same issue with our shop listings and none of the other solutions have worked. Can you assist?
https://www.shopshereadstruth.com/products/1-2-corinthians-study-book-she-reads-truth
@nquirion have you heard anything from @KetanKumar? having an issue on my end as well and looking for some help. Thanks!
oh sorry for that issue can you please share your store url so i will check and let you know
@KetanKumar I coded them into the html code for one product just to try it out and still nothing appears, I appreciate the help!
https://www.avanity.com/
Thanks for store url but i can't see issue please share particular product url
@KetanKumar thanks for the help!
https://www.avanity.com/products/copy-of-adele-30-inch-vanity
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024