Digital Downloads Download Now button locatization

aceloja
Visitor
1 0 1

Hi,

how can I customize the text of the button that says "Download Now"?

I'd like to translate it but the Apps content are not available in the "Online Store -> Theme -> Edit Language" menu.

Thanks in advance for any help

Replies 7 (7)

Tira
Shopify Staff (Retired)
1260 90 223

Hey, @aceloja

Tira here to help.

Thanks for reaching out and I really appreciate you doing your own research on this. That’s correct, you won’t be able to edit the language for Apps through the Language Editor in your Shopify Admin. You can edit the language for different fields in your checkout by following the steps from our help doc here: Translating the checkout

If you’re looking to change the text of the “Download Now” button for the Digital Downloads app that is made by Shopify, this isn’t a feature that’s available. I would be happy to forward this as a suggestion to our developers so that they are aware, and can work on improving Shopify for merchants like you.

To help us understand what you need and what we can work on, I would love to hear more about this. What were you hoping to change the text to?

To learn more visit the Shopify Help Center or the Community Blog.

IlzeLV
Visitor
2 0 2

Dear Shopify,

Almost one year later, any chance that this feature request actually reached development team? We are talking about making one or two fields translatable - it really does not sound like huge development to implement that kind of functionality. Also if you would search this forum, you'd see that this question comes up over and over again since at least 2016.

 

Ilze

abumalick
Shopify Partner
1 0 1

Any news about localizing the Download button from digital downloads app?

jozpac
Tourist
3 0 0

check my solution

Kammersgaard
Visitor
2 0 1

I would like the ability to translate as well +1

jozpac
Tourist
3 0 0

check my solution below

jozpac
Tourist
3 0 0

Hey guys, I found a solution.

 

It requires coding.

 

Go to...

1. Sales channels -> Themes -> Three dots -> Edit code

2. Navigate to "Assets" folder -> base.css file -> scroll down

3. Add this code below everything:

.sdd-download-button {
  display: inline-flex!important;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem!important;
  text-decoration: none;
  font-weight: normal!important;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button),var(--alpha-button-background));
  border-radius: var(--buttons-radius)!important;
  text-indent: -9999px;
  min-width: 6rem!important;
}
.sdd-download-button::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 1%;
  height: 70%;
  width: 100%;
  font-size: 1.5REM;
  display: block;
  color: #FFF;
  background: url(https://www.freeiconspng.com/uploads/white-download-icon-png-32.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

4. Done

 

It uses some free download icon which can be used in any country. Edit paddings & margins according to your needs.