Shopify themes, liquid, logos, and UX
Hi! I'm using the dawn theme and I would really like to know if there's a way to customise the text on the 'Add to cart' and 'Buy it now' buttons. I would like them capitalised and also it annoys me that the "cart" item is a bag in this theme yet it still says cart. I can find mentions of the cart in 'edit languages' but not these buttons themselves. Really appreciate any help!
Hi @niapeacock
Would you mind sharing your store's URL so we can take a look at that and see how we can assist?
Hi!
Thanks for replying. I managed to change all the mentions of 'cart' to 'bag'. However, I still can't find the 'Buy it now' button to capitalise it in edit languages. When I search for mentions of the word 'buy' it comes up with other selections of text including the word but not 'buy it now'.
I would prefer not to use code if possible to keep my site as fast as it can be but any help at all will be appreciated 🙂
Also this isn't so important but I'd like the variant boxes with the clothing sizes to be rectangular as opposed to rounded if possible. Again I've attached a picture of what they currently look like.
My site URL is www.onenia.co.uk - I've taken off the password so you can access easily. Thanks so much I really appreciate it!
For the rectangular issue add the following code:
.product-form__input input[type=radio]+label
{
border-radius:0em!important;
}
As for the Buy it now, this is dynamically added so you need to do it via CSS, won't affect loading time as it's a very small styling change:
button.shopify-payment-button__button.shopify-payment-button__button--unbranded._2ogcW-Q9I-rgsSkNbRiJzA._2EiMjnumZ6FVtlC7RViKtj._2-dUletcCZ2ZL1aaH0GXxT
{
text-transform:capitalize;
}
Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!
Hi!
Thanks for the quick response. I added the code you sent but it made no change unfortunately. I don't know anything about code myself so perhaps I added it in the wrong place? I pasted them at the very end of theme.liquid but please correct me if this is why it was unsuccessful!
It should be at the end of the base.css file, my bad!
User | RANK |
---|---|
214 | |
169 | |
65 | |
55 | |
53 |
Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023