Digital Downloads Download Now button locatization

[aceloja]

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

[Tira]

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?

[IlzeLV]

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]

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

[jozpac]

check my solution

[Kammersgaard]

I would like the ability to translate as well +1

[jozpac]

check my solution below

[jozpac]

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.