Právě je 19 dub 2024 04:03

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 18 ]  Přejít na stránku Předchozí  1, 2
Autor Zpráva
 Předmět příspěvku: Re: PrestaShop 1.6 - Hover image + Prechod (efekt) css
PříspěvekNapsal: 19 kvě 2015 13:58 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 09:14
Příspěvky:
8504
Dobrý den,

pokud používáte jiné velikosti obrázků (např. jsou užší než standardní), tak je samozřejmě možné, že při zúžení stránky se Vám zobrazí jiný počet produktů než při standardní velikosti obrázků. Takže si musíte upravit zdrojový kód vyloženě pro Vaše stránky a jejich zobrazení při určitém rozlišení. Jestli se změny v CSS na stránce neprojeví, tak si vyzkoušejte promazat paměť Vašeho internetového prohlížeče. Pokud si s úpravou na míru nebudete vědět rady, tak se můžete obrátit na některého z našich partnerů (příp. vpravo blok PrestaShop partneři), který se aplikaci PrestaShop věnuje.

_________________
Radek Plašil
Webhosting C4
https://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Hover image + Prechod (efekt) css
PříspěvekNapsal: 19 kvě 2015 14:36 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
607
Rozumiem, ešte sa chcem spýtať jednu vec, keby sme to vyriešili tak, že sa to pri tabletovom a mobilnom zobrazení nebude zobrazovať, myslím ten "druhý" obrázok. Takže by sa to zachovalo len pre desktop.

Ďakujem moc :)


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Hover image + Prechod (efekt) css
PříspěvekNapsal: 19 kvě 2015 16:38 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 09:14
Příspěvky:
8504
Dobrý den,

můžete tuto část původního kódu:
Kód:
ul.product_list .product-image-container a:hover img.img_1{   
  opacity:1;
}
, která po najetí kurzoru na druhý obrázek zruší jeho průhlednost, povolit jen od určitého rozlišení. Takže pokud má efekt fungovat např. až od rozlišení 480px, tak bude kód vypadat následovně:
Kód:
@media (min-width: 480px) {
   ul.product_list .product-image-container a:hover img.img_1{   
     opacity:1;
   }
}

_________________
Radek Plašil
Webhosting C4
https://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Hover image + Prechod (efekt) css
PříspěvekNapsal: 19 kvě 2015 18:39 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
607
Super, už som to vyriešil a ďakujem :)


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6.1.0 - Hover image + Prechod (efekt)-nefunguje
PříspěvekNapsal: 11 črc 2015 10:09 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
607
Po aktualizácii na najnovšiu verziu 1.6.1.0 nefunguje tento hover efekt.

Viete prosím poradiť kde by mohol byť problém? Aktuálna verzia webu je 1.6.0.13 kde to funguje :/.

Ďakujem za odpoveď


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Hover image + Prechod (efekt) css
PříspěvekNapsal: 13 črc 2015 10:17 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
607
Tak problém vyriešený :). Ďakujem


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Hover image + Prechod (efekt) css
PříspěvekNapsal: 13 dub 2016 23:03 

Registrován:
02 dub 2016 14:16
Příspěvky:
5
Dobrý den,

řeším podobný problém, pouze bych tento hover efekt potřeboval nastavit pouze na některé obrázky, které na stránce používám normálně v textu (nejedná se o obrázky produktů v obchodě).

http://vintagewines.cz/content/6-grand-cru-classe-1855

Zde mám 5 jistých podkategorií označených obrázkem, který bych chtěl mít černobílý a po najetí myší ho změnit na barevný. Bohužel klasická funkce "mouseover" v Prestashopu nefunguje :-/

Mockrát děkuji za jakoukoliv pomoc

Martin


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Hover image + Prechod (efekt) css
PříspěvekNapsal: 14 dub 2016 14:44 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 09:14
Příspěvky:
8504
Dobrý den,

pro Váš dotaz bylo vytvořeno nové téma PrestaShop 1.6 - Šedivé obrázky po najetí kurzoru barevné, protože řešení je v tomto případě jiné.

_________________
Radek Plašil
Webhosting C4
https://www.c4.cz/


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 18 ]  Přejít na stránku Předchozí  1, 2

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
cron
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
PrestaShop partneři

Seznam všech partnerů

PrestaShop Hosting
Návody pro C4

© 2009-2024 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz