Liquid, JavaScript, themes, sales channels
I’m setting up a new store, and I noticed that the boxes where you pick the variants are simply plan, instead of displaying “pick your x.”
See this page for an example of what I mean:
https://felinepalace.com/products/calming-cat-nest
The size, color, and interior fabric variant categories are all blanks.
What might be going wrong here?
Hello,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.css paste bellow code in bottom of file
.product-form select {
color: #3a3a3a;
}
Thanks
Thanks! This brought back the categories, but the little selector arrow on the right side of the box is not there. I’ve attached a screenshot of what I mean.
And here’s a picture of an example of the arrows I’m talking about:
Replace previous css with this one
.product-form select {
color: #3a3a3a;
background-image: url(data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>);
}
Note: The icon you show in screen-shot is for input quantity not for select box.
Thanks
Hi Guleria. I updated this code as you suggested, but the arrow is still not showing up on my drop down menus. Any suggestions?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024