Facebook-kuvakkeen lisääminen [vanhentunut]

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

• verkkoselain (esim. Edge)

Toteutusohjeet (vaihe 1)

• Kirjaudu verkkokaupan hallintaliittymään (demo).
• Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
• Klikkaa Lisää uusi -painiketta.
• Valitse tyypiksi "HTML5/JavaScript".
• Syötä nimeksi Facebook-kuvake tai mitä tahansa.
• Valitse Sijainti-kohdasta "Verkkokaupassa end of #tc_content_left ennen" tai jokin muu haluamasi sijainti.
• Lisää Koodi-kohtaan:
  

  <div class="oma_facebook_kuvake">
  <a href="https://www.facebook.com/example"><i class="fab fa-facebook-square fa-3x"></i></a>
  </div>
  

• Vaihda Facebook-sivun verkko-osoite oikeaksi.
• Klikkaa Tallenna-painiketta.

Toteutusohjeet (vaihe 2)

• Kirjaudu verkkokaupan hallintaliittymään (demo).
• Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
• Klikkaa Lisää uusi -painiketta.
• Valitse tyypiksi "CSS3".
• Syötä nimeksi Facebook-kuvake tai mitä tahansa.
• Lisää Koodi-kohtaan:
  

  div.oma_facebook_kuvake {
  	margin-top: 25px;
  }
  

• Klikkaa Tallenna-painiketta.

Hyvä tietää

Voit lisätä vastaavalla periaatteella muita sosiaalisen median kuvakkeita. Katso kuvakkeiden nimet Font Awesomesta ↗.

Vastuunrajoitus

Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.