Thumbnail doppia

[FrancescaD89]

Salve,

vi scrivo per avere un aiuto o anche solo un suggerimento su dove cercare per risolvere un problema che ho con le immagini in evidenza.
Premetto che sono una specie di autodidatta, quindi vi chiedo scusa se non uso la terminologia corretta. Sto sistemando un sito che non ho creato io, quindi mi trovo a capire in modo abbastanza empirico come funziona per poi modificare o duplicare ciò che ho capito.

Il sito ha molti prodotti suddivisi in categorie e in tag.

Nella sottocategoria A trovo una tabella con tutti i prodotti in un'unica pagina.
In questa pagina i prodotti sono visualizzati con un'immagine che mostra i vari formati, e che chiamo qui per intenderci fra noi IMG-MULTIPLA.
Il codice che la mostra è:


<a href="<?php the_permalink()?>">

<img src="<?=get_the_post_thumbnail_url(get_the_ID(), 'product-list');?>">

<h3><?php the_title()?></h3>

</a>


Quando clicco sull'immagine mi porta alla pagina prodotto corrispondente, dove l'immagine diventa un'immagine del prodotto di un solo formato, che chiamo qui per intenderci fra noi IMG-SINGOLA.

Il codice che la mostra è:


<div class="align-self-center col-md-5">
<img src="<?=the_post_thumbnail_url()?>" class="img-prodotto">
</div>


Nel file functions.php trovo:


#FEATURED IMAGE

add_theme_support( 'post-thumbnails' );

add_image_size( 'product-list', 180 );


Se io entro in wordpress e vado all'articolo del prodotto, nell'anteprima dell'immagine in evidenza vedo IMG-MULTIPLA, mentre se clicco per modificare o vedere il media vedo IMG-SINGOLA.

Non ci sono plugin particolari, solo Regenerate-thumbnails che imposta le varie dimensioni delle immagini.

Ora io devo fare la stessa cosa per la categoria B ma carico una immagine in evidenza (IMG-SINGOLA) e non capisco come si crea questo collegamento con la seconda immagine (IMG-MULTIPLA).

grazie mille a chi trova il tempo per darmi dei suggerimenti o un aiuto!
Francesca

P.S. per non avere malintesi le due immagini (IMG-SINGOLA e IMG-MULTIPLA) non differisco nella dimensione, ma sono proprio delle immagini diverse, la prima mostra la foto di un formato e la seconda la foto di 3 formati diversi in un'unica immagine.

 

[Tommy03]

non capisco come si crea questo collegamento con la seconda immagine (IMG-MULTIPLA)

non ho molto capito qual è l'obiettivo da raggiungere, cioè, partendo dalla pagina del prodotto, vuoi che ci sia un link all'immagine singola?

 

[FrancescaD89]

Ciao Tommy, il problema è che io devo ricreare lo stesso schema per un'altra categoria di prodotti, quindi giustamente voglio che nella pagina della sottocategoria si vedano i prodotti in immagini che mostrano tutti i formati ( IMG-MULTIPLA ) ma se clicco su uno dei prodotti vedo l' IMG-SINGOLA .
In entrambi i casi viene richiamata la post_thumbnail, e addirittura dentro wordpress, modificando l'articolo del prodotto, vedo due immagini diverse. Se capisco come hanno fatto posso fare la stessa cosa anche per un'altra sottocategoria.

Non so se mi sono spiegata bene. In sostanza sembra che l'articolo abbia due thumbnail, ma non capisco se creo un articolo nuovo per un nuovo prodotto, e faccio aggiungi immagine in evidenza, come ne seleziono due? O come le collego in altro modo?
Ho capito che l' IMG-SINGOLA è quella che ha la classe "img-prodotto", ma l' IMG-MULTIPLA come faccio a inserirla in 'product-list' dato che non è la stessa immagine con dimensioni diverse, ma proprio tutt'altra immagine.

Ti ringrazio per la veloce risposta!

 

[Tommy03]

Forse con un esempio mi capisco meglio...
Sono andato sul sito che hai linkato, ad esempio andando nella sezione Salse vedo 4 prodotti, ognuno con un'immagine e un titolo (cioè il primo codice che hai postato sul primo post), se clicco su uno di questi, vado su una pagina specifica del prodotto e vedo la stessa immagine che c'era nella pagina delle Salse.
Ora non ho capito se questa immagine che vedo, sia nella pagina Salse e sia nella pagina del singolo prodotto, è IMG-SINGOLA o IMG-MULTIPLA, e, se è SINGOLA, qual è la multipla corrispondente? Riesci a linkami le immagine specifiche così capisco meglio?
E poi un'altra cosa: non capisco cosa intendi con "immagine in anteprima".

P.S. Mi sembra di capire che il problema sia più su Wordpress che PHP, giusto? Perché non sono molto pratico di wordpress...

 

[FrancescaD89]

Scusami, ma dove avrei linkato il sito? non avrei voluto metterlo....
Comunque il problema è su professional/specialità, e vorrei fare come si vede in professional/bruschette

 

[Tommy03]

Avevo visto il link nell'altra discussione di css. Comunque sì, ho visto che il problema sta proprio sulle url delle immagini, che sono due diverse ma mostrano la stessa immagine... Non so, non conosco come potresti fare con wordpress, ma non c'è un modo per caricare immagini "manualmente" con url proprio diversi e poi "richiamare" i due diversi url nelle 2 pagine diverse?

 

[Max 1]

@FrancescaD89

 

[FrancescaD89]

Ok, mi scuso, ma non riesco a modificare il primo post.

 

[Max 1]

basta che tu lo faccia in futuro di usare i tag!

Leggi i regolamenti generale e di sezione