Slider Facebook bez modułu - PrestaShop 1.7
22/01/2022 16:55:48
Komentarze
0

Jeśli chcesz dodać prosty slider facebook do swojego sklepu PrestaShop to w tym poradniku zobaczysz jak to zrobić bez użycia modułu
#fb-plugin {
position: fixed;
top: calc(50% - 250px);
min-width: 340px;
transform: translateX(-100%);
transition: transform .3 linear;
z-index: 9;
}
#fb-plugin:hover {
transform: translateX(0);
}
.fb-btn {
position: absolute;
top: 200px;
right: -102px;
transform: rotate(90deg);
background: #0000ff;
color: #ffffff;
padding: 10px 25px;
font-weight: bold;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
z-index: 1;
}
<div id="fb-plugin">
<span class="fb-btn">Facebook</span>
<div class="fb-page" data-href="https://www.facebook.com/web4everpl" data-tabs="timeline" data-width="330" data-height="450" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true">
<blockquote cite="https://www.facebook.com/web4everpl" class="fb-xfbml-parse-ignore"><a> href="https://www.facebook.com/web4everpl">web4ever.pl</a></blockquote>
</div>
</div>
<script async="" defer="defer" crossorigin="anonymous" src="https://connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v12.0&appId=501846750904097&autoLogAppEvents=1" nonce="g2ORSpnY"></script>
Zostaw komentarz Anuluj komentarz