Puede permitir que los clientes guarden archivos fácilmente en su Dropbox agregando dos botones, para cada archivo individual o para todos los archivos con un solo clic.
Personaliza el aspecto de tu página de entrega navegando a Configuración > Tema > elige el tema que deseas editar > Editar código.
Si desea agregar un botón para guardar cada archivo individual y un botón para guardar todos los archivos:
- Navegue hasta el diseño líquido para realizar cambios y pegue este código:
Recuerde cambiar <key> con la clave apropiada proporcionada por la documentación de Dropbox.
Si solo desea agregar un botón para guardar cada archivo individual:
- Navegue hasta el archivo liquid para realizar cambios y pegue este código:
<un
href='#'
class='botón cielo-piloto-botón inverso'
onclick="Dropbox.save(' {{file.download_url}} ', ' {{file.filename}} ', {})"
datos-sin-instantáneamente
>
{% render 'icons', icon: 'dropbox', classes: 'sky-pilot-action-icon' %}
Guardar en dropbox
</a>
Si solo desea agregar un botón para guardar todos los archivos:
- Navegue hasta line_item.liquid para realizar cambios y pegue este código en la parte superior:
<tipo de script='texto/javascript'>
archivos var = []
</script>
{% for file in line_item.files %}
<tipo de script='texto/javascript'>
files.push({url: " {{file.download_url}} ", nombre de archivo: {{ line_item.product.title | json }} + "/" + {{ file.filename | json }} });
</script>
{% endfor %}
y este código al final del archivo:
<tipo de script='texto/javascript'>
if (archivos.longitud > 0) {
botón var = Dropbox.createSaveButton({
archivos: archivos,
error: función (mensaje de error) {
if(errorMessage.indexOf("estado 403")! = -1)
alert('Has excedido el límite de guardados permitidos en Dropbox');
}
});
var dall = document.getElementById('descargar-todo')
si(dall) {
dall.appendChild(botón);
$(botón).removeClass("dropbox-dropin-btn","dropbox-dropin-default").addClass("botón action_button");
var newText = "Guardar todo en Dropbox";
button.innerHTML = nuevoTexto;
}
}
</script>
Luego agrega un
<span style="margin-left: auto;" id="descargar-todo"></span>
donde desea que se muestre el botón.
Puedes leer más en la documentación oficial de Dropbox aquí .
