Problema metafield

[Imago]

Salve a tutti,

ho utilizzato i metafield personalizzati di shopify per avere un prodotto correlato nella pagina prodotto.

Ho creato il metafield prodotto e ho aggiunto questo codice al mio template del prodotto

<div class="recommended-products">
{% if product.metafields.my_fields.prodotto_correlato != blank %}
{% assign current_variant = product.metafields.my_fields.prodotto_correlato.value %}
<a href="{{ current_variant.url }}">
<img src="{{ current_variant.featured_image | img_url: '100x' }}">
<div>
<p>{{ current_variant.title }}</p>
<p class="uaf__price">{{current_variant.price | money }}</p>
</div>
</a>
<input data-btn-addToCart type="submit" name="add" class="btn" value="{{ 'products.product.add_to_cart' | t }}" data-form-id="#add-to-cart-form">
{% endif %}
</div>

Ho un problema con il tasto aggiungi al carrello. In questo modo il tasto aggiunge al carrello il prodotto principale della pagina e non il prodotto creato attraverso il metafield.

Come posso risolvere questo problema?

Grazie

[Sofia · Accepted solution]

Ciao @Imago,

Grazie per la tua domanda. Proverò a fare del mio meglio per aiutarti. 

Se capisco bene vorresti aggiungere una sezione "prodotto correlato" nella pagina di un prodotto X, confermi?

Per prima cosa vorrei chiederti che tema tu stia usando? Ti chiedo questo perché, se hai un tema dell'Online Store 2.0, ad esempio Dawn, il tema gratuito di Shopify, puoi collegare la maggior parte dei metafield al tema utilizzando l'editor del tema. Se utilizzi temi vintage o desideri aggiungere tipi di metafield non supportati dal tuo tema, puoi modificare il codice del tema o contattare un Esperto Shopify per richiedere assistenza.

Per quanto riguarda la modifica del codice, come quella fatta da te, vorrei raccomandarti di duplicare il tema prima di effettuarla per evitare di perdere eventuali informazioni o ripristinare le versioni precedenti (come puoi vedere dalla foto).

Il tema Dawn, inoltre ha una sezione nativa chiamata "Raccomandazioni sui Prodotti".

Quindi, la mia risposta, dipenderà dal tema che usi.

Potrei anche suggerirti un'applicazione tra quelle nel nostro App Store come Also Bought • Cross Sell, Personalized Recommendations o Frequently Bought Together. 

Fammi sapere meglio qual è il tuo obiettivo e ti fornirò soluzioni mirate. 

Buon lavoro. 

[Imago]

Salve,

ho creato un metafield personalizzato "riferimento" prodotto e vorrei utilizzarlo all'interno della pagina prodotto.

Come posso visualizzarlo nella pagina del prodotto?

Avrei bisogno di visualizzare il nome del prodotto, il prezzo, la foto e il pulsante aggiungi al carrelo.

Qualcuno può aiutarmi?

Grazie

[Sofia · Accepted solution]

Ciao @Imago,

Grazie per la tua domanda. Proverò a fare del mio meglio per aiutarti. 

Se capisco bene vorresti aggiungere una sezione "prodotto correlato" nella pagina di un prodotto X, confermi?

Per prima cosa vorrei chiederti che tema tu stia usando? Ti chiedo questo perché, se hai un tema dell'Online Store 2.0, ad esempio Dawn, il tema gratuito di Shopify, puoi collegare la maggior parte dei metafield al tema utilizzando l'editor del tema. Se utilizzi temi vintage o desideri aggiungere tipi di metafield non supportati dal tuo tema, puoi modificare il codice del tema o contattare un Esperto Shopify per richiedere assistenza.

Per quanto riguarda la modifica del codice, come quella fatta da te, vorrei raccomandarti di duplicare il tema prima di effettuarla per evitare di perdere eventuali informazioni o ripristinare le versioni precedenti (come puoi vedere dalla foto).

Il tema Dawn, inoltre ha una sezione nativa chiamata "Raccomandazioni sui Prodotti".

Quindi, la mia risposta, dipenderà dal tema che usi.

Potrei anche suggerirti un'applicazione tra quelle nel nostro App Store come Also Bought • Cross Sell, Personalized Recommendations o Frequently Bought Together. 

Fammi sapere meglio qual è il tuo obiettivo e ti fornirò soluzioni mirate. 

Buon lavoro. 

[Imago]

i, vorrei aggiungere il prodotto correlato alla pagina del prodotto.

Non utilizzo un tema 2.0 quindi sto cercando di modificare il codice in maniera manuale (dopo aver duplicato tutto).

Sono arrivato a questo punto:

<div class="recommended-products">
{% if product.metafields.my_fields.prodotto_correlato != blank %}
{% assign current_variant = product.metafields.my_fields.prodotto_correlato.value %}
<a href="{{ current_variant.url }}">
<img src="{{ current_variant.featured_image | img_url: '100x' }}">
<div>
<p>{{ current_variant.title }}</p>
<p class="uaf__price">{{current_variant.price | money }}</p>
</div>
</a>
<div class="groups-btn">
{% if current_variant.available %}
<input data-btn-addToCart type="submit" name="add" class="btn" id="product-add-to-cart" value="add" data-form-id="#add-to-cart-form">
{% endif %}
</div>
{% endif %}
</div>

Il problema è che con questo codice, il tasto aggiungi al carrello sul prodotto correlato non funziona correttamente perchè aggiunge al carrello il prodotto principale.

[Sofia · Accepted solution]

Capisco che tu stia modificando il codice @Imago. Dato che si tratta di programmazione e ogni negozio ha un codice diverso, è meglio che tu ti rivolga ad uno dei nostri Esperto Shopify per richiedere assistenza. 

Ho cercato nella Community inglese temi simili e ti consiglio di dare un'occhiata a quedto post: Setting related products with metafields.

La mia precedente risposta ti offre soluzioni alternative nel caso volessi provare diversamente. 

Resto a disposizione qualora tu abbia bisogno di ulteriore assistenza! Buona giornata.