Opis produktu w dymku
Autor: P G.
Besucht 357,
Followers 1,
Geteilt 0
Witam. Jak w tym programie zrobić krótki opis produktu który po najechaniu na dany produkt będzie się wyświetlał w dymku. W tej chwili wyświetla się nazwa produktu, co jest bez sensu gdyż jest już ona przecież widoczna wraz ze zdjęciem i ceną produktu. Pozdr
Gepostet am
Witaj Piotr,
Program nie posiada takiej możliwości.
Pozdrawiam
A jakbyś to umieścił na stronie z produktami.... znaczy zintegrował ze stroną... Czy ktoś Ci zabroni? :-)
CSS wwygląda podobnież tak:
body {
font-family: Arial, Helvetica, sans-serif;
}
a: hover {
background: #ffffff;
text-decoration: none;
}
a.podpowiedz span {
display: none;
padding: 2px 3px;
margin-left: 8px;
width: 130px;
}
img {
border: none;
}
a.podpowiedz:hover span{
display: inline;
position: absolute;
margin: 15px 0 0 5px;
background: #dddddd;
border: 1px solid #b30000;
color: #000000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
text-align: center;
}
A w HTML tak:
<p>Podpowiedź <a class="podpowiedz" href="#">w dymku<span>To jest taki sobie dymek :)</span></a>. Bla bla bla jakis tekst.</p>
<p>A tu inny <a class="podpowiedz" href="#">dymek<span><img src="../demo/PN.png" width="69px" height="69px"></span></a> z obrazkiem w środku.</p>
O tu Pan ładnie opisał:
http://blog.piotrnalepa.pl/2009/06/25/css-dymki-z-podpowiedziami/
Do sklepu - za duże komplikacje. Sprawa nie warta zachodu.