Support » Lisäosat ja muokkaukset » Erilaiset footerit sivuilla

  • Toteutan nettisivua, jonka footerissa on 4 paikkakunnan yhteystiedot.
    Ruudun mennessä pieneksi (eli periaatteessa älypuhelimilla katsottaessa) haluaisin näyttää vain valitun paikkakunnan yhteystiedot tilan säästämiseksi.

    Sivun rakenne on periaatteessa:
    Kaupunki
    -alasivu
    -alasivu
    -….
    Kaupunki
    -alasivu
    -…
    jne.

    Etusivulle tulee pelkästään kaupunkivalinta.

    Suuremmassa koossa haluaisin kuitenkin näyttää kaikkien yhteystiedot. Eli periaatteessa tarvitsisi merkitä valittu kaupunki yhteystietoihin ja näyttää vain se muiden ollessa piilossa.

    Ehdotuksia miten tuon saisi järkevimmin toteutettua?

Esillä 7 vastausta, 1 - 7 (kaikkiaan 7)
  • Moderator Sami Keijonen

    (@samikeijonen)

    Tarkoitatko, että käyttäjä valitsee kaupungin, jonka yhteystiedot näytetään?

    Thread Starter MikkoLaine

    (@mikkolaine)

    Käyttäjä valitsee etusivulta kaupungin. Kaupunkeja on neljä (mutta tietysti voi olla vaikka N).
    Footerissa näkyisi kaikkien kaupunkien yhteystiedot, mutta ruudun leveyden ollessa vaikkapa max 500px, näkyisi vain valitun kaupungin yhteystiedot, muiden ollessa turhempia tietoja.

    Kuitenkaan ”kaupunkeja” en käsittele mitenkään erityisemmin. Ovat vain normaaleita sivuja, joilla on alasivuja.

    Moderator Sami Keijonen

    (@samikeijonen)

    Entäs jos vain piilottaa koko footerin ja valinta vie suoraan itse kaupungin sivuille? Vai eikö siellä ole erikseen kaupungin yhteystietoja. En kylläkään ole sen kannalla, että käyttäjältä piilotetaan mitään.

    Muuten tuohon varmaankin tarvitaan hieman javascript-hässäkkää.

    Thread Starter MikkoLaine

    (@mikkolaine)

    Niin siis… tuo on kaupunkikohtainen

    Eli esim.
    oulun, tampereen, vaasan ja helsingin yhteystiedot footerissa

    mutta esim. tampereen kohdalla ruudun ollessa pieni, näytettäisiin vain tampereen yhteystiedot. ja vaasan kohdalla vaasan yhteystiedot jne.

    ruudun ollessa suurena olisi kaikki näytillä.

    turhia tietoja sinänsä nuo muut kuin valitun kaupungin yhteystiedot, mutta toimivat lähinnä visuaalisena elementtinä sivulla.

    Moderator Sami Keijonen

    (@samikeijonen)

    body_class-funktion tuottaa esim. määreen page-id-143 body-tagin sisään. Tällä saat halutulla sivulla halutut asiat piiloon.

    Thread Starter MikkoLaine

    (@mikkolaine)

    Pitänee kokeilla. Ei taida ihan täydellinen ratkaisu olla, mutta kelvannee.

    Kiitän.

    Moderator Sami Keijonen

    (@samikeijonen)

    Toinen vaihtoehto on js-kikkailu, mutta css-ratkaisuista tuo on helpoin.

    Toki esim. Widget Locig -lisäosalla saa haluamalla sivulle halutut vimpaimet, jos sellaiseen on tarvetta.

Esillä 7 vastausta, 1 - 7 (kaikkiaan 7)
  • The topic ‘Erilaiset footerit sivuilla’ is closed to new replies.