Buongiorno Community di Shopify,
Avevo un problema a visualizzare correttamente un’immagine che non riesco a risolvere nemmeno tramite guide o forum.
Nel mio modello di prodotto volevo inserire un’immagine chiamata tramite liquid da un metafields personalizzato. Ho provato a mettere in un html il metafield “url” dell’immagine, ma mi da il GID (Global ID) della risorsa quindi mi restituisce un url non corretto (e quindi inaccessibile).
Per esempio l’url della risorsa corretto è:
https://cdn.shopify.com/s/files/1/0765/0646/4584/files/plant.webp?v=1720536156
mentre il liquid mi restituisce
https://cdn.shopify.com/s/files/1/0765/0646/4584/files/[%2522gid://shopify/MediaImage/50486094561608%2522]%3F372
(notare il gid tra parentesi quadre).
C’è un modo per convertire questo gid nella parte dell’url giusta per accedere alla risorsa?
vi scrivo il mio codice qui:
<div class="nutritional-info">
<div class="nutritional-info__text">
<h2>Tabella Nutrizionale</h2>
</div>
<div class="nutritional-info__image">
{% if product.metafields.custom.tabella_nutrizionale %}
<img src="{{ product.metafields.custom.tabella_nutrizionale | file_url }}" alt="Tabella Nutrizionale">
<!-- for debug -->
<p>{{ product.metafields.custom.tabella_nutrizionale | file_url }}</p>
{% else %}
<p>Nessuna immagine disponibile.</p>
{% endif %}
</div>
</div>
Qui come appare (con qualche linea di css):
Come potete notare ho inserito anche una breve linea di debug per controllare se venisse chiamato correttamente l’url. In questo caso mi stampa l’url come
. In alternativa mi avrebbe stampato “Nessuna immagine disponibile”. Quindi il collegamento è corretto.
Vi ringrazio in anticipo per ogni consiglio!