toggle mobile menu

Kirjaudu

Rekisteröidy ilmaiseksi!

KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Tagi-valitsimen avulla luot hakukenttiä ja pudotusvalikoita

Luo älykkäitä hakukenttiä ja pudotusvalikoita kategoria-tagien avulla rajataksesi listattuja sivuja tagien perusteella. Luo tagi-valitsin ja määritä tagit, joita tagi-valitsin löytää.

LiquidBlox tag chooser with search option

Tagi-valitsin hakuasetuksella (search)

LiquidBlox tag chooser with dropdown option

Tagi-valitsin pudotusvalikkoasetuksella (dropdown)

Tagi-valitsimen luominen


Klikkaa tyhjää elementtiä ja valitse Tagi-valitsin (tag chooser) sisältötyypiksi


Huom!

Ennen tagi-valitsimen luontia tulee luoda sivuja, jotka sisältävät kategoria-tageja.


Opettele käyttämään kategoria-tageja

LiquidBlox editor - creating a tag chooser
  1. Linjaa tagi-valitsin sisältöelementtiin
  2. Pienennä tai suurenna tagi-valitsimen fonttia 
  3. Muokkaa tagi-valitsimen asetuksia
  4. Muokkaa tagi-valitsimen tyyliä
  5. Tallenna muutokset
LiquidBlox editor - editing a tag chooser

Vaihe 1


Klikkaa Edit tag chooser -nappia yläpalkissa.


  1. Valitse pudotusvalikko- tai hakuvaihtoehto
  2. Valitse tagit jotka tagi-valitsin kattaa
  3. Muuta oletustekstit ja tagi-valitsimen leveys
  4. Viimeistele asetukset



Vaihe 2


Klikkaa Select tags -nappia (2).

LiquidBlox editor - selecting the right tags

Vaihe 3


Valitse tagit, jotka tagi-valitsin kattaa.


Opettele käyttämään kategoria-tageja

LiquidBlox editor - adding custom texts to tags

Vaihe 4


Lisää omavalintaista tekstiä tageihin.


Muokkaa tagi-valitsimen otsikkoa ja tekstiä, joka näytetään, kun yhtäkään tagia ei ole valittu (no filter). 


Muokkaa tagi-valitsimen leveyttä.


Klikkaa Done.

LiquidBlox editor - styling the tag chooser

Vaihe 5 - Tagi-valitsimen tyyli


  1. Klikkaa tag chooser styles -nappia työkalupalkissa.
  2. Käytä tyylejä samalla tavoin, kuin muokattaessa nappeja. 


Lue nappien käytöstä

LiquidBlox editor - saving the tag chooser

Vaihe 6 - Tallenna


Klikkaa Save -nappia tallentaaksesi tagi-valitsimen.

KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Kirjaudu

Rekisteröidy ilmaiseksi!

Tagi-valitsimen avulla luot hakukenttiä ja pudotusvalikoita

Luo älykkäitä hakukenttiä ja pudotusvalikoita kategoria-tagien avulla rajataksesi listattuja sivuja tagien perusteella. Luo tagi-valitsin ja määritä tagit, joita tagi-valitsin löytää.

LiquidBlox tag chooser with search option

Tagi-valitsin hakuasetuksella (search)

LiquidBlox tag chooser with dropdown option

Tagi-valitsin pudotusvalikkoasetuksella (dropdown)

Tagi-valitsimen luominen


Klikkaa tyhjää elementtiä ja valitse Tagi-valitsin (tag chooser) sisältötyypiksi


Huom!

Ennen tagi-valitsimen luontia tulee luoda sivuja, jotka sisältävät kategoria-tageja.


Opettele käyttämään kategoria-tageja

LiquidBlox editor - creating a tag chooser
  1. Linjaa tagi-valitsin sisältöelementtiin
  2. Pienennä tai suurenna tagi-valitsimen fonttia 
  3. Muokkaa tagi-valitsimen asetuksia
  4. Muokkaa tagi-valitsimen tyyliä
  5. Tallenna muutokset
LiquidBlox editor - editing a tag chooser

Vaihe 1


Klikkaa Edit tag chooser -nappia yläpalkissa.


  1. Valitse pudotusvalikko- tai hakuvaihtoehto
  2. Valitse tagit jotka tagi-valitsin kattaa
  3. Muuta oletustekstit ja tagi-valitsimen leveys
  4. Viimeistele asetukset



Vaihe 2


Klikkaa Select tags -nappia (2).

LiquidBlox editor - selecting the right tags

Vaihe 3


Valitse tagit, jotka tagi-valitsin kattaa.


Opettele käyttämään kategoria-tageja

LiquidBlox editor - adding custom texts to tags

Vaihe 4


Lisää omavalintaista tekstiä tageihin.


Muokkaa tagi-valitsimen otsikkoa ja tekstiä, joka näytetään, kun yhtäkään tagia ei ole valittu (no filter). 


Muokkaa tagi-valitsimen leveyttä.


Klikkaa Done.

LiquidBlox editor - styling the tag chooser

Vaihe 5 - Tagi-valitsimen tyyli


  1. Klikkaa tag chooser styles -nappia työkalupalkissa.
  2. Käytä tyylejä samalla tavoin, kuin muokattaessa nappeja. 


Lue nappien käytöstä

LiquidBlox editor - saving the tag chooser

Vaihe 6 - Tallenna


Klikkaa Save -nappia tallentaaksesi tagi-valitsimen.

TEE KOTISIVUJA JA VERKKOKAUPPOJA VISUAALISESTI

Sinä suunnittelet. LiquidBlox hoitaa muun.


LUE LISÄÄ

toggle mobile menu

Kirjaudu

Rekisteröidy ilmaiseksi!

KAIKKI OHJEET
PERUSTEET
LiquidBlox perusteet
Editori
Valmispohjien käyttäminen
Layout rakenteiden luominen
Tyylit
Yläpalkki ja alapalkki
Blokin asetukset
Leikepöydän käyttäminen
Sisältötyypit
Sivujen hallinta
Julkaiseminen
Tagien käyttäminen
Linkkien tekeminen
Nappien tekeminen
Liquidblox ja Shopify
SSL sertifikaatin lisääminen ja sivuston avaaminen
VERKKOKURSSIT
Kotisivujen tekeminen
Web design -kurssi
Ideasta verkkosivuiksi
SEO perusteet
Google Analytics perusteet
in English

Tagi-valitsimen avulla luot hakukenttiä ja pudotusvalikoita

Luo älykkäitä hakukenttiä ja pudotusvalikoita kategoria-tagien avulla rajataksesi listattuja sivuja tagien perusteella. Luo tagi-valitsin ja määritä tagit, joita tagi-valitsin löytää.

LiquidBlox tag chooser with search option

Tagi-valitsin hakuasetuksella (search)

LiquidBlox tag chooser with dropdown option

Tagi-valitsin pudotusvalikkoasetuksella (dropdown)

Tagi-valitsimen luominen


Klikkaa tyhjää elementtiä ja valitse Tagi-valitsin (tag chooser) sisältötyypiksi


Huom!

Ennen tagi-valitsimen luontia tulee luoda sivuja, jotka sisältävät kategoria-tageja.


Opettele käyttämään kategoria-tageja

LiquidBlox editor - creating a tag chooser
  1. Linjaa tagi-valitsin sisältöelementtiin
  2. Pienennä tai suurenna tagi-valitsimen fonttia 
  3. Muokkaa tagi-valitsimen asetuksia
  4. Muokkaa tagi-valitsimen tyyliä
  5. Tallenna muutokset
LiquidBlox editor - editing a tag chooser

Vaihe 1


Klikkaa Edit tag chooser -nappia yläpalkissa.


  1. Valitse pudotusvalikko- tai hakuvaihtoehto
  2. Valitse tagit jotka tagi-valitsin kattaa
  3. Muuta oletustekstit ja tagi-valitsimen leveys
  4. Viimeistele asetukset



Vaihe 2


Klikkaa Select tags -nappia (2).

LiquidBlox editor - selecting the right tags

Vaihe 3


Valitse tagit, jotka tagi-valitsin kattaa.


Opettele käyttämään kategoria-tageja

LiquidBlox editor - adding custom texts to tags

Vaihe 4


Lisää omavalintaista tekstiä tageihin.


Muokkaa tagi-valitsimen otsikkoa ja tekstiä, joka näytetään, kun yhtäkään tagia ei ole valittu (no filter). 


Muokkaa tagi-valitsimen leveyttä.


Klikkaa Done.

LiquidBlox editor - styling the tag chooser

Vaihe 5 - Tagi-valitsimen tyyli


  1. Klikkaa tag chooser styles -nappia työkalupalkissa.
  2. Käytä tyylejä samalla tavoin, kuin muokattaessa nappeja. 


Lue nappien käytöstä

LiquidBlox editor - saving the tag chooser

Vaihe 6 - Tallenna


Klikkaa Save -nappia tallentaaksesi tagi-valitsimen.

TEE KOTISIVUJA JA VERKKOKAUPPOJA VISUAALISESTI

Sinä suunnittelet. LiquidBlox hoitaa muun.


LUE LISÄÄ