Un utente ha chiesto informazioni su WooCommerce di Wordpress

Aggiunta di spazio sotto il pulsante Indietro / Ritorna alle singole pagine dei prodotti

Un utente ha chiesto 👇

Sono riuscito ad aggiungere un pulsante “TORNA INDIETRO” alle pagine dei miei singoli prodotti utilizzando la soluzione in questo argomento.

Ho usato il file guida visiva dei ganci per modificare il codice delle singole pagine dei prodotti in modo che il pulsante si trovi sopra le foto, i titoli e la descrizione del prodotto appena sotto il banner / intestazione del mio negozio (ho usato “woocommerce_before_single_product”).

Tuttavia, il pulsante si trova ora direttamente nella parte superiore dell’immagine principale del prodotto sulla singola pagina del prodotto, senza spazi sotto di essa, quindi vengono toccati. Preferirei che ci fosse un po ‘di spazio vuoto sotto il pulsante “TORNA INDIETRO” in modo da non sminuire l’immagine principale del prodotto sottostante. Come posso modificare il codice del mio pulsante per ottenere questo risultato? Grazie in anticipo

Supporto per plugin

(@ jricketts4)

1 anno, 6 mesi fa

Ciao,

Vorrei vedere la pagina che lo contiene per una risposta accurata, ma dovresti essere in grado di utilizzare un margine nel tuo stile (situato nella pagina Cliente).
Puoi leggere un po ‘sui margini qui: https://www.w3schools.com/css/css_margin.asp

Inoltre, questo è considerato al di là del supporto offerto a noi, ma sarei felice di vedere se puoi fornire quel collegamento.

Grazie,
Joey

Lanciatore di thread

(@epatri)

1 anno, 6 mesi fa

In realtà l’ho creato usando questo stick:

add_action( 'woocommerce_before_single_product', 'my_function_sample', 10);
function my_function_sample() {
  global $product;
  echo ' <button type="button" onclick="history.back();"> Go back </button>' ; 
}

Supporto per plugin

(@ jricketts4)

1 anno, 6 mesi fa

Grazie per avermelo informato, @epatri.
Vado avanti e chiudo questo perché sembra che tu l’abbia capito. 🙂

Grazie,
Joey

Lanciatore di thread

(@epatri)

1 anno, 6 mesi fa

Ciao Joey, non l’ho impostato perché non c’è margine o spazio per includere i margini nel codice del pulsante, quindi non è risolto 🙁

Lanciatore di thread

(@epatri)

1 anno, 6 mesi fa

Qualcuno lo sa? Non sono ancora riusciti a mettere spazio sotto il pulsante.

Supporto per plugin

(@ 3sonsdevelopment)

1 anno, 5 mesi fa

Hey @epatri,

Probabilmente vuoi aggiungere una classe al pulsante in modo che possa essere stilizzato con CSS un po ‘più facilmente.


<button class="back-to-product-button" type="button" onclick="history.back();"> Go back </button>

Quindi potresti usare CSS in questo modo per spostarlo:


.back-to-product-button {
    margin-top: 20px;
    margin-left: 20px;
}

Se hai problemi a localizzarlo, posso chiederti di inviare l’URL al punto in cui si trova questo pulsante sul sito? Sarebbe molto utile poterlo vedere e interagire con esso.

Grazie

Supporto per plugin

(@etiennep)

1 anno, 5 mesi fa

Non ti rispondiamo da un po ‘, quindi lo contrassegnerò come una soluzione: se hai altre domande, puoi iniziare una nuova discussione.

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *