Aggiungere link ad un video in home page

[AndreaQnana]

Salve,

nella home page del mio sito con tema dawn ho aggiunto un video tramite "Liquid personalizzato" che ho trovato in una discussione precedente ed il risultato è perfetto, proprio come volevo io.

Il codice che ho inserito è il seguente: 

<style>
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
<video muted autoplay playsinline loop>
<source src="exemple.mp4"
type="video/mp4">
<source src="exemple.mp4"
type="video/mp4">
</video>

Ora avrei la necessità di inserire un link ad una collezione, rendendo tutta la superficie del video cliccabile, non solo il pulsante. Ho provato ad inserire questo codice : <a href="https://miosito.com/collections/enoteca-online" </a> 

ma mi crea dei problemi con le sezioni sottostanti. 

Infatti il titolo della sezione sottostante mi risulta sottolineato (cioè cliccabile) e porta al link inserito in precedenza, cosa che io non vorrei accadesse. Vorrei che il link rimanesse dedicato alla sezione video.

Come posso fare?

Quale codice devo inserire? 

[Isabel · Accepted solution]

Ciao @AndreaQnana, 

Grazie per averci contattati, sarà un piacere assisterti; Non sono una specialista in coding e noi consulenti di Shopify non offriamo supporto in merito, ma farò del mio meglio per indicarti la giusta direzione verso la risoluzione; 

Dawn è un tema dell'Online Store 2.0, questo significa che in caso tu voglia  modificare il codice del tema potrai contattare un Esperto Shopify; Vedi questo articolo tratto dal nostro Help Center, troverai indicazioni utili per le modifiche del tuo tema.

Altre fonti importanti possono essere consultate nel nostro Shopify.dev, dai un’ occhiata a questo articolo, parla delle diverse modifiche che possono essere attuate su un video, attraverso i codici.

Tematiche similari alla tua richiesta, sembrano essere stati trattata anche nella nostra Community nel mercato inglese, vedi questi due post:

• Clickable Video Hero 
• Dawn Theme 3.0 - Banner Links + Product Video Autoplay 

Sò che questi post sono in inglese, quindi se non hai familiarità con questa lingua potrai tradurre il testo in italiano utilizzando il browser Google Chrome. Segui pure questa pagina ti aiuterà nella traduzione.

Come vanno le cose con la nostra piattaforma? Le aspettative che avevi stanno avendo riscontro con la tua esperienza? C’e’ qualche altra sfera della tua attività che vorresti prendere in considerazione con me? Vedi questa guida creata da Shopify in collaborazione con TalentGarden che offre tutte le informazioni e illustra gli step necessari per ottimizzare un negozio ecommerce e farlo crescere grazie al Marketing, la SEO e la UX.

Spero le mie informazioni possano risultare utili, resto a tua disposizione, buona giornata e buon lavoro.

[Isabel · Accepted solution]

Ciao @AndreaQnana, 

Grazie per averci contattati, sarà un piacere assisterti; Non sono una specialista in coding e noi consulenti di Shopify non offriamo supporto in merito, ma farò del mio meglio per indicarti la giusta direzione verso la risoluzione; 

Dawn è un tema dell'Online Store 2.0, questo significa che in caso tu voglia  modificare il codice del tema potrai contattare un Esperto Shopify; Vedi questo articolo tratto dal nostro Help Center, troverai indicazioni utili per le modifiche del tuo tema.

Altre fonti importanti possono essere consultate nel nostro Shopify.dev, dai un’ occhiata a questo articolo, parla delle diverse modifiche che possono essere attuate su un video, attraverso i codici.

Tematiche similari alla tua richiesta, sembrano essere stati trattata anche nella nostra Community nel mercato inglese, vedi questi due post:

• Clickable Video Hero 
• Dawn Theme 3.0 - Banner Links + Product Video Autoplay 

Sò che questi post sono in inglese, quindi se non hai familiarità con questa lingua potrai tradurre il testo in italiano utilizzando il browser Google Chrome. Segui pure questa pagina ti aiuterà nella traduzione.

Come vanno le cose con la nostra piattaforma? Le aspettative che avevi stanno avendo riscontro con la tua esperienza? C’e’ qualche altra sfera della tua attività che vorresti prendere in considerazione con me? Vedi questa guida creata da Shopify in collaborazione con TalentGarden che offre tutte le informazioni e illustra gli step necessari per ottimizzare un negozio ecommerce e farlo crescere grazie al Marketing, la SEO e la UX.

Spero le mie informazioni possano risultare utili, resto a tua disposizione, buona giornata e buon lavoro.

[AndreaQnana]

Grazie @Isabel della tua risposta ma non sono riuscito a risolvere il mio problema.

Ho provato con le soluzioni proposte nei vari link che mi hai fornito ma non fanno al caso mio.

Spero in un aiuto, se hai qualche altra soluzione da proporre te ne sarei molto grato.

Grazie

[Isabel]

Gentile @AndreaQnana,

grazie per avermi aggiornata rispetto al tuo caso, mi dispiace sapere che non si sia arrivati ad una soluzione;

Come sopra riportato, noi consulenti di Shopify non supportiamo i codici del negozio e non siamo specialisti in coding, per questo motivo, mi trovo a dover reindirizzare la tua assistenza ad uno dei nostri Experts; Ecco di seguito la lista ufficiale degli experts italiani che collaborano con Shopify;

Volevo anche segnalarti, che tutti gli account Shopify che posseggono un piano, ottengono 60 minuti di tempo di progettazione gratuito dall'Assistenza Shopify. Questo tempo può essere utilizzato per aggiungere funzionalità specifiche ad un tema e migliorarlo.

Spero le mie informazioni risultino utili, resto a tua disposizione, buona giornata e buon lavoro.

[AndreaQnana]

Salve,

nella home page del mio sito con tema dawn ho aggiunto un video tramite "Liquid personalizzato" che ho trovato in una discussione precedente ed il risultato è perfetto, proprio come volevo io.

Il codice che ho inserito è il seguente: 

<style>
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
<video muted autoplay playsinline loop>
<source src="exemple.mp4"
type="video/mp4">
<source src="exemple.mp4"
type="video/mp4">
</video>

Ora avrei la necessità di inserire un link ad una collezione

, rendendo tutta la superficie del video cliccabile, non solo il pulsante. Ho provato ad inserire questo codice : <a href=" miosito/collections/miacollezione" </a> 

ma mi crea dei problemi con le sezioni sottostanti. 

Infatti il titolo della sezione sottostante mi risulta sottolineato (cioè cliccabile) e porta al link inserito in precedenza, cosa che io non vorrei accadesse. Vorrei che il link rimanesse dedicato alla sezione video.

Come posso fare?

Quale codice devo inserire? 

[Gg20]

Ciao Andrea,

ho provato ad inserire il codice che hai suggerito ma non ho avuto risultati, mi indicheresti in quale riga del codice hai inserito il tuo? magari sto sbagliando il posizionamento.

Grazie

[AndreaQnana]

Ciao Gg20

il codice che vedi sopra l'ho inserito semplicemente nella sezione "Liquid personalizzato" che trovi quando vai a personalizzare il tuo negozio. Non ho modificato il codice del tema. In pratica il percorso che devi fare è questo:

---> Negozio online ---> personalizza ----> Home page ---> aggiungi sezione ---> liquid personalizzato e nella casella che ti esce incolli il codice

[Gg20 · Accepted solution]

grazie Andrea! seguendo le tue indicazioni sono riuscito ad inserire il video!!

[Gg20]

Ciao Andrea scusami ma ora che ho inserito il video mi compare in tutte le pagine del sito, io vorrei apparisse solo nella homepage, sai com’è posso fare?

[AndreaQnana]

Non riesco a capire come sia possibile che ti esca in tutte le pagine del sito...mi spiace ma, al momento, non riesco ad aiutarti. Se mi aggiungi qualche screen del codice che hai inserito e dove forse riesco ad aiutarti.