WordPress ja WooCommerce

Asensin WordPressin ja WooCommercen.

WordPressissä on style.css teksti-tiedosto, jolla voi muuttaa saitin ulkoasun asetuksia kuten fontin kokoa, taustan väriä jne. Jokaisella teemalla, mitä nyt haluaakaan käyttää, on tietysti oma style.css tiedosto.

Sitten WooCommercella, joka on siis plugin WordPressiin, on oman WooCommerce.css tekstitiedosto ilmeisesti samaa tarkoitusta varten.

Olis tarve muuttaa “Lisää ostoskoriin” napin fontin kokoa, mutta onnistun muuttamaan samalla kaiken muunkin tekstin fontin kokoa.

Olen sorkkinut vain style.css tiedostostoa, sekä selaimen liittymän kautta, että tekstieditorilla. WooCommerce.css tiedostoon ei kuulemma kannata koskea, sillä se menee päivitysten yhteydessä uusiksi, eikä se muutenkaan suostu aukeamaan linuxin tekstieditorissa.

Olisko ohjetta, linkkiä kuinka tuota style.css tiedostoa voi säätää halutun tuloksen saamiseksi? Onhan noita kaikenlaisia ohjeita, mutta en ole löytänyt ratkaisevaa.

Luulisin että joudut laittamaan sille nappulalle oman “class”:in (vai mikä se nyt oli?) että saat muokattua pelkästään nappulan ulkonäköä… Ehkä tämä joltain CSS-gurulta onnistuu ilman että tarvii sörkkiä HTML:ää?

Hieman karumpi lähestymistapa on lisätä in-line CSS pätkä HTML-koodiin esim.

Nyt onnistui. Kiitoksia.

body, button, input, select, textarea { color: #2b2b2b; font-family: Lato, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.5;b }

.woocommerce a.button {
font-size: 2pt;
}

button,
input,
select,
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;

}

Muokkasin Wordpressin style.css tiedostoa. Löysin sieltä buttoniin liittyvän koodinpätkän, johon lisäsin tuon lihavoidun oman koodini, jonka kopioin taas
http://kaptinlin.com/support/discussion/8323/changing-button-text-size-on-woocommerce-featured-products-woocommerce-customization/p1
täältä.

En kyllä yhtään ymmärrä miksi tuo koodinpätkä vaikuttaa juuri “Lisää ostoskoriin” nappulan fontin ja siten myös koko nappulan kokoon. Onko koodissa jotain mikä siihen vaikuttaa? Sijainti vaikuttaa ainakin, sillä jos koodin lisää minne sattuu, sille ei ole mitään vaikutusta, ainakaan itse nappulaan. Voisko joku selittää.

Teit juuri kuten ehdotin tuossa ensiksi että lisäsit nappulalle oman class:in.

Sitten luet muutaman CSS-kirjan ja joku CSS3-kurssi päälle niin siitä se lähtee.

Bitcoin on mahdollistanut sen että minun ei enää tarvitse miettiä näitä asioita joka päivä :slight_smile:

Ei tuo varsinaisesti “koodia” ole kun ei siinä ole toiminnallisuutta. CSS on tyylimäärityksiä. Tuossa määritetään luokan woocommerce nappuloille fontin kooksi 2pt. Ilmeisesti sovelluksessa ei sellaisia ole muualla kuin siinä halutussa.

Wordpressin tiedostot ovat hakemistossa public_html/wordpress.

Näin ollen wordpressillä luodut sivut näkyvät osoitteessa www.nönnöö.fi/wordpress
Pitäis saada näkymään osoitteessa www.nönnöö.fi
Onko tuolla Wopressissä jokin nappi jolla tuo onnistuu? Muistelen, että on, mutta kun en muista missä.
Vai onnistuuko vain siirtämällä Wrodpressin tiedostot hakemistoon public_html?

Osoite nönnöö.fi on esimerkki, sellaista ei todellisuudessa ole.

Jos fileet on kansiossa public_html/wordpress niin silloin niiden pitäisi näkyä selaimelle http://palvelin/~käyttäjä/wordpress

Kopsaa ne fileet sieltä public_html-kansiosta kansioon

/var/www/

tai

/var/www/html (jos tällainen sieltä löytyy, nämä vähän vaihtelee Linux-distroissa)

Sitten pitäisi löytyä suoraan palvelimen juuresta. Nuo public_html kansiot on käyttäjien kotihakemistojen alle tehtyjä juttuja.

Kiitos. Tuo ongelma selvisikin.

Wordpress ja sen WooCommerce-lisäosa toimii.
Latasin työpöydälle Wootique-lisäosan ja yritin asentaa sen Worpressin valikosta.

Asennetaan lisäosaa tiedostosta: wootique.zip Puretaan pakettia… Asennetaan lisäosaa… Pakettia ei voitu asentaa. Yhtään lisäosaa ei löytynyt. Lisäosan asennus epäonnistui. Palaa Lisäosat-sivulle

Mikä tökkii?

Edit.
Ongelma ratkesi. Koska Wootique on teema, eikä lisäosa, sitä ei pitä asentaa kohdasta
Lisäosa -> Lisää uusi

vaan kohdasta
Ulkoasu -> Teemat -> Lisää uusi -> Lataa.

Melkoista vääntöä tämä nettikaupan pysyttäminen.

WooCommercessa tuotteiden lisääminen ja verojen säätäminen helppoa, mutta ulkoasun muokkaaminen työlästä ja käyttöliittymä tökkivä.

Magentossa helppo ja sujuva käyttöliittymä ja ulkoasu hyvä. Mutta jopa tuotteiden lisääminen hankalaa, tuotteiden ominaisuuksien lisääminen todella hankalaa ja arvonlisäveron lisääminen käsittämättömän vaikeaa. Itseasiassa vaikuttaa siltä, että Magentossa on jonkinlaisia bugeja verojen suhteen, ainakin tämän lähteen mukaan.
http://www.magentosuomi.fi/yleinen-keskustelu/alv-ei-nay-ostoskorissa/?action=printpage
Taidan hylätä tuon Magenton ainakin toistaiseksi. Ei tiedä miksi jokin toimii ja miksi ei toimi.

Opencart on paras ehdokas tällä hetkellä. Sujuva, selkeä ja toimiva käyttöliittymä. Tuotteet, niiden ominaisuudet ja verot helppo lisätä. Ulkoasu on kohtuu tyylikäs jo valmiiksi, mutta vaatii vähän muokkausta, toivottavasti onnistuu. Tosin saatavilla ilmeisesti vain englannin kielisenä.

Onko muita ilmaisia sekä Bitpayn pluginilla varustettavia suositeltavia verkkokauppa-alustoja? Olennaista on helppo muokattavuus ja helppokäytettävyys sekä ylläpidolle että asiakkaalle.

Tietysti myös maksullinen kelpaa, kunhan on todella nopeasti kyhättävissä, helppokäyttöinen ja hyvä ulkoasu. ;D Hahhah. Ja kysehän oli verkkokaupasta.

Kauppa-alustaa kannattaisi varmasti lähteä valitsemaan sen perusteella mitä CMS:ää osaat käyttää kunnolla?

Esimerkiksi Drupal Commerce on ihan hyvä systeemi, mutta jos et osaa käyttää Drupalia niin olet kusessa.

Voihan tuota Drupalia kokeilla ihan mielenkiinnon vuoksi. Onko se jotenkin hankala käyttää?

Tosin en kuitenkaan tarvitse sisällönhallintajärjestelmää. Nettikauppa riittää ihan hyvin. Opencart vaikuttaa aika hyvältä ja helppokäyttöiseltä. Muitakin ehdotuksia otetaan vastaan.

Olemme perustamassa nettikauppaa käyttäen Woocommercea.

Suurin osa kaupan tuotteista on listattu useampaan tuotekategoriaan. Esimerkiksi tuote X on listattu kategorioihin 1,2,3 ja 4. Tässä meillä on kuitenkin ongelma, koska jos valitsee kategorian 1 ja siitä tuotteen X ja avaa kyseisen tuotteen tuotesivun, kategoria vaihtuu sivupalkissa yhtäkkiä kategoriaksi 2 sen sijaan että pysyisi kategoriassa 1. “Breadcrumbs” saattaa myös näyttää jotain täysin eri kategoriaa. Onko kenelläkään tietoa miten (millä koodilla) tuon kategorian saisi pysymään oikeana?