Jump to content

[Risolto] Linkare un Pdf scaricabile


WB17

Recommended Posts

ciao...

carica le tue guide .pdf nella cartella download di prestashop e, usando l'editor in modalita modifica sorgente HTML, linkale alle pagine cms a cui decidi di collegarle, in questa maniera:

<a href="download/tuo_file.pdf">clicca qui o quello che vuoi tu</a>

nella cartella download apri il file .htaccess che trovi all'interno, rimuovi le righe che ci sono e inserisci la seguente:

AddType application/octet-stream .pdf

il gioco è fatto....spero di esseri stato utile

  • Like 1
Link to comment
Share on other sites

dipende da cosa vuoi fare....di seguito solo 3 esempi che ti possono indirizzare:

 

un'icona vicino al link

<p><a href="download/tua_guida.pdf"><img class="icon" title="scarica pdf" src="themes/default/img/icon/pdf.gif" alt="scarica pdf" /> scarica la tua guida</a></p>

un bottone cliccabile

<p><a class="button" style="padding: 7px 51px;" href="download/tua_guida.pdf">scarica la tua guida</a></p>

se vuoi mettere un'immagine, il codice va aggiustato in base alle dimensioni

<p><a style="background:url('themes/tuo_tema/img/tua_img.jpg') padding: 7px 51px;" href="download/tua_guida.pdf">scarica la tua guida</a></p>

il risultato dei primi 2

post-148583-0-32932600-1384277842_thumb.jpg

Link to comment
Share on other sites

sapresti indicarmi anche il codice da inserire per mettere il link

(sempre per scaricare questi Pdf anche in un "bottone/immagine" all'interno dell'editor?

 

 

WB17.....hai combinato con gli esempi qui sopra?

se si, inserisci [RISOLTO] nel titolo del tuo primo post

Link to comment
Share on other sites

Ciao Ariom,

scusami ma sono stato assente dal lavoro in questi giorni,

 

ho fatto alcune prove seguendo i tuoi consigli ma nella pagina html dell'editor evidentemente non metto il codice nella giusta posizione; ti allego il link alle pagine con evidenziato a pag.5 in verde il "bottone" Scarica ora" a cui vorrei linkare la Guida in Pdf:

 

https://docs.google.com/document/d/1_8KzKwr51HQPxBv43IRihzTurHMErS_KiIYG59Nx5UM/edit?usp=sharing

 

Mi sapresti indicare dove inserire la riga di codice e a questo punto come??

 

Ti ringrazio ancora della disponibilità,

 

buona giornata

Link to comment
Share on other sites

<p align="LEFT"><span style="font-size: 12pt;"><img style="display: block; margin-left: auto; margin-right: auto; float: left;" src="http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png" alt="Scarica guida camminare comoda sui tacchi" width="200" height="44" /></span></p>

prova a usare invece il terzo esempio ....inserisci il vero nome del pdf al suo posto

<p><a style="background:url('http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png')no-repeat;" alt="Scarica guida camminare comoda sui tacchi" href="http://www.tentazioneshop.it/download/metti_qui_il_nome_del_tuo_file.pdf"><span style="font-size: 12pt;">Scarica guida camminare comoda sui tacchi</span></a></p>

si dovrebbe vedere il pulsante....

Edited by ariom (see edit history)
  • Like 1
Link to comment
Share on other sites

prova a usare invece il terzo esempio ....inserisci il vero nome del pdf al suo posto

<p><a style="background:url('http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png')no-repeat;" alt="Scarica guida camminare comoda sui tacchi" href="http://www.tentazioneshop.it/download/metti_qui_il_nome_del_tuo_file.pdf"><span style="font-size: 12pt;">Scarica guida camminare comoda sui tacchi</span></a></p>

si dovrebbe vedere il pulsante....

 

Tutto ok il link ed il pdf si scarica perfettamente grazie!  Solamente il bottone si vede "tagliato", ti allego lo screenshot di com'è e di come dovrebbe vedersi, sapresti dirmi come posso fare?

 

Bottone visualizzato    

 

Bottone intero

Edited by WB17 (see edit history)
Link to comment
Share on other sites

 

aggiungi width & height

<a style="background:url('http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png')no-repeat;" width="200px" height="44px" alt="Scarica guida camminare comoda sui tacchi" href="http://www.tentazioneshop.it/download/metti_qui_il_nome_del_tuo_file.pdf">

Sì l'ho fatto ed ho anche immesso lo stesso codice, purtroppo il bottone si vede sempre tagliato ... e il codice Html quando salvo lo visualizzo: 

 

<a style="background: url('http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png')no-repeat;" href="www.chetacco.it/download/10-Consigli-Per-Camminare-Comoda-Sui-Tacchi-Alti.pdf"><span style="font-size: 12pt;">Scarica, Ora</span></a>     

Link to comment
Share on other sites

usa questo

<p class="center clearBoth"><a href="www.chetacco.it/download/10-Consigli-Per-Camminare-Comoda-Sui-Tacchi-Alti.pdf" width="200px" height="44px"><img src="http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png" /> </a> </p>

risultato:

post-148583-0-70834400-1385050027_thumb.jpg

  • Like 1
Link to comment
Share on other sites

usa questo

<p class="center clearBoth"><a href="www.chetacco.it/download/10-Consigli-Per-Camminare-Comoda-Sui-Tacchi-Alti.pdf" width="200px" height="44px"><img src="http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png" /> </a> </p>

risultato:

attachicon.gifbottone.jpg

Provato ora: Funziona perfettamente, grazie ancora di tutto!

Link to comment
Share on other sites

Nella fretta ho incollato width & height nel posto sbagliato... va così

<p class="center clearBoth"><a href="www.chetacco.it/download/10-Consigli-Per-Camminare-Comoda-Sui-Tacchi-Alti.pdf"><img alt="scarica ora la guida per camminare comoda sui tacchi" src="http://www.tentazioneshop.it/img/cms/scarica-la-guida-camminare-comoda-sui-tacchi.png" width="200px" height="44px" /> </a> </p>
Edited by ariom (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...