WooCommerce: Lisää ostoskoriin -painikkeen tekstin muuttaminen (vaihe vaiheelta)

Graafinen käyttöliittymä, sovellus, TeamsDescription automaattisesti luotu

Lisää ostoskoriin -painikkeen vaihtaminen ei ole niin yksinkertaista. Meillä on kuitenkin mukautettu koodi, jonka avulla voit muuttaa painikkeen tekstiä mieleiseksesi. Meillä on myös lisäosasuositus. Molemmat menettelyt ovat yksinkertaisia ​​ja selkeitä. Toinen on kuitenkin parempi verrattuna toiseen.

Voit muuttaa tekstin "Osta nyt", "Lisää laukkuun", "Varaa nyt" tai mitä tahansa haluat.

Sisällys[show]

 

Kuinka muuttaa Lisää ostoskoriin -painikkeen tekstiä teemaeditorilla

  1. Siirry WordPressin hallintapaneelin kohtaan Ulkoasu > Teemaeditori. Avaa sitten teeman Functions.php-tiedosto.
  2. Liitä seuraava koodi function.php-tiedoston alaosaan.
  3. Tarkista verkkosivustosi muutosten tallentamisen jälkeen. Lisää ostoskoriin -painikkeen mukautetun tekstin pitäisi nyt ilmestyä.

add_filter('woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text' ); 

function woocommerce_custom_single_add_to_cart_text() {

    return __( 'Osta nyt', 'woocommerce' ); 

}

add_filter('woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text' );  

function woocommerce_custom_product_add_to_cart_text() {

    return __( 'Osta nyt', 'woocommerce' );

}

Kuinka muokata Lisää ostoskoriin -painikkeen tekstiä WooCommercessa laajennuksen avulla

Lisää ostoskoriin -tekstin muuttaminen yksittäisen tuotteen WooCommerce-sivulla tai tuotearkistosivulla on todennäköisesti yleisin tapa.

Sillä on merkittävä haitta yksinkertaisuudestaan ​​huolimatta. Puhumme siitä myöhemmin.

Katsotaanpa ensin, kuinka voit muuttaa lisää ostoskoriin -painikkeen tekstiä WooCommerce-yksittäisten tuotteiden/tuotearkiston sivuilla "Lisää ostoskoriin -painikkeen mukautetun tekstin" -laajennuksella.

Tämän laajennuksen avulla voit mukauttaa yksittäisen tuotesivun tekstiä (mukaan lukien eri painiketekstit) sekä arkistoida tuotesivuja (jälleen voit muuttaa eri painikkeiden tekstejä).

Graafinen käyttöliittymä, teksti, sovellus, sähköpostiKuvaus luodaan automaattisesti

Näin teet sen:

  1. Tarvitset WooCommerce Lisää ostoskoriin -painikkeen tekstinmuutoslaajennuksen asennettuna WordPress-sivustollesi. Siirry kohtaan Plugins> Add New aloittaaksesi asennusprosessin. Kirjoita sitten hakupalkkiin "Lisää ostoskoriin -painikkeen mukautettu teksti".
  2. Laajennuksen pitäisi näkyä välittömästi. Jos ei, voit hankkia sen osoitteesta wordpress.org ja asentaa sen WordPress-verkkosivustollesi. Sinun tarvitsee vain napsauttaa "Lisää uusi" -painiketta ja valita laajennus tietokoneesi lataushakemistosta.
  3. Napsauta "Asenna" aktivoidaksesi laajennuksen.
  4. Kun WooCommercen lisäys ostoskoriin -painikkeen muutoslaajennus on asennettu, aktivoi laajennus valitsemalla Asetukset> Lisää ostoskoriin -painike.

Voit mukauttaa WooCommercen yksittäisen tuotteen painikkeen tekstiä ja WooCommercen tuotearkistosivun painiketekstejä "Lisää ostoskoriin -painikkeen mukautetulla tekstiliitännällä". Voit muuttaa eri luokkien asetuksia.

Voit kokeilla eri vaihtoehtoja. Jos muutat esimerkissämme joko yksittäisen tuotesivun tai WooCommerce-arkistosivun "Simple Product Text" -tekstiä, huomaat eron välittömästi.

Ymmärrät nyt, kuinka voit muuttaa WooCommerce-tuotesivuilla olevan Lisää ostoskoriin -painikkeen tekstiä. Lisäämällä mukautettuja koodinpätkiä teeman functions.php-tiedostoon voit muuttaa WooCommerce-painikkeen tekstiä.

Tiedät myös kuinka muuttaa ostoskoriin lisää tekstiä laajennuksen avulla.

Lisäksi olet tietoinen siitä, mikä vaihtoehto on paras WooCommerce-myymälällesi.

Tästä syystä jätämme lopullisen päätöksen sinulle. Loppujen lopuksi sinä olet se, joka vastaa verkkoliiketoiminnasta.

kirjailijasta
Shahzad Saeed
Shahzaad Saaed on ollut esillä lukuisilla viranomaisverkkosivustoilla WordPress-asiantuntijana. Hän on erikoistunut sisältömarkkinointiin auttaakseen yrityksiä kasvattamaan liikennettä.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...