Strony:

powiększanie się zdjęcia produktu po najechaniu.. ?

rondelctw

Avatar: rondelctw

2013-04-05 10:55

Jak zrobić aby zdjęcia produktów po najechaniu myszką się powiększały ??
http://demo.opensolution.org/Quick.Cart/?sLang=pl

Dziękuję za pomoc. :-)

» Quick.Cart v4.x

rondelctw

selekcjoner

Avatar: selekcjoner

2013-04-05 15:55

Zobacz:
http://opensolution.org/Quick.Cart/forum/quickcart-v4x-powiekszenie-obrazka-po-najechaniu,7475.html
http://opensolution.org/Quick.Cart/forum/powiekszenie-obrazka-po-najechaniu,3500.html

simlution.org

rondelctw

Avatar: rondelctw

2013-04-05 17:43

Dziękuje za podpowiedź.

W pierwszym linku chodzi bardziej o galerie, ale o nią mi nie chodziło.

W drugim linku jest produkt, i o to mi chodziło, lecz do wersji 4.2 QCarta, nie potrafię sobie poradzić aby to przerobić.

Czy jest ktoś kto mógłby mi pomóc ?

rondelctw

dariush

Avatar: dariush

2013-04-08 20:04

Witam,

Podbijam. Bardzo dobry temat.
Potrzebuje instrukcji i pluginu do darmowej wersji Quick Cart v6.0

Pozdrawiam

Darek

jankesmj

Avatar: jankesmj

2013-04-10 15:01

cuś takiego by cie interesowało?
http://cssglobe.com/lab/tooltip/03/

zamiast słów "Css Globe" może być ikonka obrazka, któr po najechaniu ładuje się do tooltip'a

ja sobie to zrobiłem do podglądu fotek w adminie, najeżdżam na link i w tooltipie ukazuje mi się obrazek... przy wolnym czasie napisze jak i co zrobić dla strony frontowej

www.jankes.noskow.pl

dariush

Avatar: dariush

2013-04-10 21:27

@jankesmj: jak najbardziej TAK! lub coś takiego http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

Pozdrawiam

Darek

rondelctw

Avatar: rondelctw

2013-04-12 15:41

Tak. Tylko jak to zrobić aby działało w 4.2 ??

rondelctw

dariush

Avatar: dariush

2013-04-13 20:28

Witam,

Czy ktoś podpowie jak to zrobić ?

Pozdrawiam

Darek

jankesmj

Avatar: jankesmj

2013-04-14 15:15

@dariush.. proszę ;)

dla: Quick.Cart 4.2

ściągnij Tooltipy (użyj przykładu 03: Example 3: Links With URL Preview)
http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/

skopiuj jquery.js i main.js do katalogi /core/

edytuj:

templates/pages_default.tpl

tak musi wyglądać:


<!-- BEGIN PRODUCTS_IMAGE -->
<!--<div class="photo"><a href="$aData[sLinkName]"><img src="$config[dir_files]$aDataImage[iSizeValue1]/$aDataImage[sFileName]" alt="$aDataImage[sDescription]" /></a></div>-->
<div class="photo"><a href="$aData[sLinkName]" class="screenshot" rel="$config[dir_files]$aDataImage[sFileName]" title="$aDataImage[sDescription]"><img src="$config[dir_files]$aDataImage[iSizeValue1]/$aDataImage[sFileName]" alt="$aDataImage[sDescription]" /></a></div>
<!-- END PRODUCTS_IMAGE -->



temlpates/container.tpl
dopisz w <head>


<script type="text/javascript" src="$config[dir_core]jquery.js"></script>
<script type="text/javascript" src="$config[dir_core]main.js"></script>



do stylu css dodaj


#screenshot{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }



przykład działania http://jankes.noskow.pl/cart42/

Jeden jest byk... plik litebox-1.0.js gryzie się z plikiem main.js - ja wyłączyłem Litebox.
Generuje to nakładający się cień na top'ie strony i nie idzie kliknąć w nic pod tym cieniem.
Proponuje przetestować inny skrypt nić litebox do wyświetlania zdjęć.

www.jankes.noskow.pl

jankesmj

Avatar: jankesmj

2013-04-14 16:23

w wersji Quick.Cart 6.1
tych samych plików main.js i jquery.js do /core/; zalinkowaniu w <head>; dadaniu clasy do css
cuś mi nie działa...

w pliku /core/files.php

około linii 129 (Display default image)


function getDefaultImage( $iLink, $iLinkType = 1, $bLinks = null, $sLink = null ){
    if( isset( $this->aImagesDefault[$iLinkType][$iLink] ) ){
      if( isset( $bLinks ) ){
        $sLink = isset( $sLink ) ? '<a href="'.$sLink.'" class="screenshot" 
rel="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType]
.$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" title="test" >
' : '<a href="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" class="mlbox[images]">';
      }



co nie tak?

www.jankes.noskow.pl

jankesmj

Avatar: jankesmj

2013-04-14 16:24

sorki za podbijanie
link przykładu http://jankes.noskow.pl/cart61/

www.jankes.noskow.pl

selekcjoner

Avatar: selekcjoner

2013-04-14 18:00

Tutaj jest błąd:

rel="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType]
.$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" 


spróbuj:

rel="'.$GLOBALS['config']['dir_files'].$this->aImagesDefault[$iLinkType][$iLink]['sFileName'].'" 

simlution.org

jankesmj

Avatar: jankesmj

2013-04-14 22:43

@selekcjoner poprawiłem... link do dużego obrazka generuje się poprawnie lecz nadal nie wyświetla w tooltip :(

www.jankes.noskow.pl

selekcjoner

Avatar: selekcjoner

2013-04-14 22:44

Spoko widzę, daj mi 5 minut:)

simlution.org

selekcjoner

Avatar: selekcjoner

2013-04-14 22:55

<script type="text/javascript" src="core/main.js"></script>
  <script type="text/javascript" src="core/jquery.js"></script> 


A powinno być:

<script type="text/javascript" src="core/jquery.js"></script>
  <script type="text/javascript" src="core/main.js"></script> 

simlution.org

rondelctw

Avatar: rondelctw

2013-04-15 19:20

Wracam do wersji 4.2 Poniżej przedstawię jaki kod mam. Dziś selekcjoner pomógł mi zainstalować do qc4.2 simplynotice. Chodzi bardzo dobrze, lecz po wklejeniu tego kodu(powiększenia miniaturek)
<script type="text/javascript" src="$config[dir_core]jquery.js"></script>
<script type="text/javascript" src="$config[dir_core]main.js"></script>
, powoduje się taki numer, że znowu jest problem z liteboxem a simplynotice nie chodzi. Selekcjoner czy masz może jakiś pomysł na rozwiązanie tego konfliktu. Z góry dziękuje.

<script type='text/javascript'>jQuery.noConflict();</script>
<script type="text/javascript" src="$config[dir_core]jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="$config[dir_core]common.js"></script>
<script type="text/javascript" src="$config[dir_core]plugins.js"></script>
<script type="text/javascript" src="$config[dir_core]prototype.lite.js"></script>
<script type="text/javascript" src="$config[dir_core]moo.fx.js"></script>
<script type="text/javascript" src="$config[dir_core]litebox-$config[language].js"></script>

<script type="text/javascript" src="$config[dir_core]jquery.js"></script>
<script type="text/javascript" src="$config[dir_core]main.js"></script>

<script type="text/javascript">
<!--
var cfBorderColor = "#d1bd9d";
var cfLangNoWord = "$lang[cf_no_word]";
var cfLangMail = "$lang[cf_mail]";
var cfWrongValue = "$lang[cf_wrong_value]";
var cfToSmallValue = "$lang[cf_to_small_value]";
var cfTxtToShort = "$lang[cf_txt_to_short]";
AddOnload( initLightbox );
AddOnload( targetBlank );
//-->
</script>

<script type="text/javascript">
<!--
jQuery( function(){simpleNotice( "Strona korzysta z cookies." );} );
//-->
</script>

rondelctw

selekcjoner

Avatar: selekcjoner

2013-04-15 19:22

Mój pomysł to taki, że zamień litebox na mlboxa lub np. slimbox wtedy nie będzie konfliktu

simlution.org

rondelctw

Avatar: rondelctw

2013-04-15 20:03

Zmieniłem na malboxa, lecz problem dalej występuje... :-(

<script type='text/javascript'>jQuery.noConflict();</script>
<script type="text/javascript" src="$config[dir_core]jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="$config[dir_core]common.js"></script>
<script type="text/javascript" src="$config[dir_core]plugins.js"></script>
<script type="text/javascript" src="$config[dir_plugins]mlbox/mlbox.js"></script>

<script type="text/javascript" src="$config[dir_core]jquery.js"></script>
<script type="text/javascript" src="$config[dir_core]main.js"></script>

<script type="text/javascript">
<!--
var cfBorderColor = "#d1bd9d";
var cfLangNoWord = "$lang[cf_no_word]";
var cfLangMail = "$lang[cf_mail]";
var cfWrongValue = "$lang[cf_wrong_value]";
var cfToSmallValue = "$lang[cf_to_small_value]";
var cfTxtToShort = "$lang[cf_txt_to_short]";
AddOnload( targetBlank );
//-->
</script>

<script type="text/javascript">
<!--
jQuery( function(){simpleNotice( "Strona korzysta z cookies." );} );
//-->
</script>

rondelctw

selekcjoner

Avatar: selekcjoner

2013-04-15 20:21

Spróbuj dac te 2 linie:
<script type="text/javascript" src="$config[dir_core]jquery.js"></script>
<script type="text/javascript" src="$config[dir_core]main.js"></script>
na samą górę.

simlution.org

rondelctw

Avatar: rondelctw

2013-04-15 21:08

Działa. Pozostaje mi tylko jedno pytanie. Mając zdjęcia szerokie na 900px, te zdjęcia, które są niżej porostu przy wyświetleniu zostają ucięte, czy jest jakaś szansa, aby wyskakiwały centralnie, lub powiększały do polowy większości oryginalnej??

rondelctw

Strony:
Do góry
o nas | kontakt