Sivutyylit hallitsevat myyntisivujesi visuaalista ulkoasua. Asetukset on järjestetty kolmeen välilehteen: Värit, Typografia ja Painikkeet.
Värit
Aseta värit (värinvalitsijoiden kautta) seuraaviin:
- Core — tausta ja teksti.
- Painikkeet — painikkeen tausta ja teksti.
- Secondary — panelit, osiot ja korostusalueet.
- Accent — korostukset ja koristeelliset elementit.
- Muted — vähäkontrastoiset taustat ja poistetut tilat.
- Muut elementit — reunat, ajastimen tausta ja ajastimen teksti.
Logo
- Logon väri — ylä- ja alatunnisteen logon väri.
- Logon tausta — kytkin, joka lisää logon taakse taustan. Kun kytkin on päällä, voit asettaa värin, läpinäkyvyyden, täytteen ja kulmien tyylin.
Typografia
Fonttikoot
Vapaamuotoiset arvot kohteille Display, Heading, Subheading, Body ja Caption. Syötä mikä tahansa CSS-koko — rem, px tai clamp() (esimerkiksi clamp(2.5rem, 6vw, 4rem)).
Fontin painot
Aseta Display-, Heading- ja Body-painot väliltä 100 ja 900 (400 on normaali, 700 on lihavoitu).
Fonttiperheet
Valitse Heading Font ja Body Font kiinteästä luettelosta: Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana.
Painikkeet
Painikkeen ulkoasu
- Button Shape — Rounded, Square tai Pill.
- Button Style — Solid tai Ghost.
- Rollover State — Darken tai Brighten hover-tilassa.
Pääkuvan asettelu
- Vertical Alignment — Top, Bottom tai Center.
- Horizontal Alignment — Left tai Center.
Logokuva
Lataa logokuva ja aseta sen leveys (esimerkiksi 200px).
Tuotteen näyttö
- Preview Images — Artwork Image, Product tai Staging Shot.
- Thumbnails — Artwork Image tai Product Image.
- Default Selected — mikä koko valitaan oletuksena: Smallest vai Largest.
Lisäasetukset
- Header Downward Arrow — kytkin animoidulle nuolelle pääkuvassa, jonka teksti on muokattavissa.
- Low Inventory Warning — kytkin niukkuusviestille, jonka teksti on muokattavissa.
- Shipping Cost Display — näytä toimitusmaksut asiakkaille erillisin arvoin USA/Kanada/Eurooppa ja muulle maailmalle.
Kieli ja teksti
- Page language — sivun järjestelmätekstin kieli (painikkeet, määräajan laskenta, otsikot, ostokoriin liittyvät viestit). Auto noudattaa kaupan Shopify-kieltä; tai valitse kieli erikseen. Soveltuu, kun drop julkaistaan.
- Collection description — oma tekstisi riville "The Collection" -otsikon alla; tyhjä käyttää käännettyä oletusta.
Toimituskulujen näyttö
Ota käyttöön tai poista käytöstä toimitusmaksujen näyttö Lisää ostoskoriin -painikkeen alapuolella. Oletuksena käytössä; muutokset päivittyvät live-sivulla seuraavan uudelleenjulkaisun yhteydessä.
Tuotegalleriainen
Viisi kytkintä hallitsevat, mitä näkyy kunkin tuotteen kuvagalleriassa myyntisivulla:
- Certificate (COA) shot ja Letter-to-buyer shot — sisällytä tai piilota sertifikaatti ja kirjeen esikatselu. Katso Do Certificates of Authenticity show on my store page -osio siitä, kuinka yleisesti COA-kuva piilotetaan.
- Every frame colour — näytä kehystetyn tuotteen kuva jokaiselle kehysvärin variaatiolle, ei vain yhtä.
- Images added in Shopify — kuvat, jotka lisäät tuotteeseen Shopifyn hallintapaneelissa, näkyvät myös galleriassa.
- Hide images removed in Shopify — kuvan poistaminen Shopifyn hallintapaneelista poistaa sen myös galleriasta.
- Certificate per size edition — näytä sertifikaattikuva kokovaihtoehdon mukaan yhden esimerkkisertifikaatin sijaan.
Tuotekuvan formaatti
Table shot format hallitsee, kuinka tasaiset pöytäkuvat (vain tulostettavat tuotteet) näkyvät galleriassa: Landscape (luonnollinen kuva), Square (1:1 keskikroppi) tai Portrait (sama kuvasuhde kuin muut tuotekuvat). Kehystetyt, seinä-, sertifikaatti- ja kirjekuvat eivät muutu.
Tuotteen otsikon sanamuoto
Product title wording asettaa sanat, jotka näkyvät kunkin taideteoksen otsikon jälkeen myyntisivulla (oletuksena "… Fine Art Print"). Tyhjennä kenttä näyttääksesi vain otsikon. drop, joka on jo asettanut oman sanamuotonsa, pitää sen — tyyli antaa sanamuodon vain silloin, kun sivulla ei ole sitä.
Tuotteen mitat
Vapaavalintaiset tekstirivit tuotteen kuvausalueella, joissa näkyvät valitun vaihtoehdon mitat: Printed area (tulostus ilman reunuksia), Border (alue, kun sivut poikkeavat), Total print size (paperi) ja Total framed print size (tulostus plus kehys, vain kehystetyt variaatiot). Valitse yksikkö — Centimetres, Inches tai Both — tai jätä Auto tilaan noudattamaan tilisi mittausasetusta. Oletuksena vain Total print size on valittu, joka ei näytä mitään lisää, koska kokonapit näyttävät sen jo. Katso How to show print dimensions on your store page.
Pääkuvan resoluutio
Header image resolution — desktop (px) ja — mobile (px) hallitsevat, kuinka suuri pääkuva palvellaan laitteittain.