podgląd produktu w adminie

jankesmj

Avatar: jankesmj

2013-03-26 20:14

robię sobie podgląd produktu na liście w adminie za pomocą tooltip http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/
http://cssglobe.com/lab/tooltip/03/

Wynik jaki chce uzyskać : http://jankes.noskow.pl/podglad.jpg
do tej pory mam podgląd tylko z krótkim opisem, a chciałbym jeszcze pobrać defaultowy 1-szy obrazek z produktu... poniżej kod lecz nie pobiera mi obrazka
co źle? w atrybucie rel="..." musi być link do obrazka, to co poniżej napisałem w rel= daje tylko "files/"


<a href="?p=products-form&amp;iProduct='.$aData['iProduct'].'" class="screenshot" rel="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" title="'.$aData['sDescriptionShort'].'">'.$aData['sName'].'</a>




Jak uporam się z obrazkiem podam go na forum jako plugin do zastosowania :)
myślę, że przydatny - nie trzeba będzie klikać w produkt aby go zidentyfikować.

» Quick.Cart v6.x

www.jankes.noskow.pl

jankesmj

Avatar: jankesmj

2013-04-17 00:15

ten powyższy tool tip nie radzi sobie z kodem HTML, ale mam rozwiązanie w /core/products-admin.php
około 78 linii


<td class="name">
<a class="thumbnail" href="?p=products-form&amp;iProduct='.$aData['iProduct'].'">'.$aData['sName'].'<span><b>(tu_obrazek_75px)</b><br />'.$aData['sDescriptionShort'].'</span></a><a href="./'.$aData['sLinkName'].'" target="_blank" class="preview"><img src="'.DIR_TEMPLATES.'admin/img/ico_prev.gif" alt="'.$lang['preview'].'" title="'.$lang['preview'].'" /></a>
</td>



plik /templates/admin/style.css dodać

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
width:250px;
/*height:80px;*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
-webkit-box-shadow:0px 0px 5px 0px #888;
box-shadow:0px 0px 5px 0px #888;
-webkit-border-radius:5px; 
border-radius:5px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 22px;
left: 0px; /*position where enlarged image should offset horizontally */

}



w miejsce (tu_obrazek_75px) nie wiem jak zalinkować domyślny 1-szy obrazek produktu, kto pomoże?
Wynik działania: http://jankes.noskow.pl/tooltip.jpg

Do góry
o nas | kontakt