Právě je 22 říj 2018 14:12

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




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 7 ] 
Autor Zpráva
 Předmět příspěvku: PrestaShop - Atributy radio jako tlačítka - problém s checked
PříspěvekNapsal: 13 črc 2018 12:46 
C4 zákazník

Registrován:
05 zář 2017 12:59
Příspěvky:
20
Dobrý den,
chci mít atributy jako např. na notino.cz -> tlačítkové atributy. Povedlo se mi vše, kromě funkce checked. Ta prostě pomocí css nejde.
Někde jsem se dočetl, že by to mohlo jít v product.js , ale víc nevím.

Nezkoušel někdo? Neví někdo?

Děkuji


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Atributy radio jako tlačítka - problém s checked
PříspěvekNapsal: 13 črc 2018 19:32 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
583
Zrovna som chcel založiť tento topic. Ste ma predbehli.

Môžete sem hodiť návod čo bolo treba zmeniť atď? Bol by som rád. ďakujem.

Chcel by som to cca nejak takto. Veľkosti (radio button) spraviť na klasické tlačidlá:

Ďakujem


Přílohy:
Snímka obrazovky (124).png
Snímka obrazovky (124).png [ 2.65 KiB | Zobrazeno 427 krát ]
Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Atributy radio jako tlačítka - problém s checked
PříspěvekNapsal: 15 črc 2018 20:32 
C4 zákazník

Registrován:
05 zář 2017 12:59
Příspěvky:
20
Kód:
.attribute_list input[type="radio"]{ display: none; }

.attribute_list li{
    border: 1px solid;
    border-radius: 3px;
    display: inline-block !important;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
   
  }

.attribute_list label{
    background: white;
    color: blue;
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
margin-bottom:0px;
  }

.attribute_list label:hover{
      background-color: blue;
      color: white;
    }
.attribute_list input:checked + .attribute_list label{
    background-color: blue !important;
    color: white;
  }


Zatim to mam takto, ale poslední mi nefunguje...tam podle si to bude chtít pohrat v product.js


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Atributy radio jako tlačítka - problém s checked
PříspěvekNapsal: 16 črc 2018 07:16 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
583
Díky, možno niekto poradí, skúsim sa nato pozrieť, ak by som na niečo prišiel dám vedieť :)


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Atributy radio jako tlačítka - problém s checked
PříspěvekNapsal: 19 črc 2018 11:50 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 19:28
Příspěvky:
583
Tiež si neviem dať rady s tým posledným checked boxom, viete prosím niekto poradiť ako to naštýlovať aby to zmenilo napr. background ak je to checked?
Kód:
.attribute_list input:checked + .attribute_list label{
    background-color: blue !important;
    color: white;
  }


Tento kód nefunguje. Podarilo sa mi to jedine cez :before kde som pridal ikonu... Ale nie je to ono...

Kód:
#attributes .attribute_list div.radio span.checked:before {
content: '\f00c';
    font-family: "FontAwesome";
    position: absolute;
    display: table-row;
    font-size: 13px;
    top: -13px;
    left: -12px;
    color: #f50381
}


Ďakujem


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Atributy radio jako tlačítka - problém s checked
PříspěvekNapsal: 24 črc 2018 13:38 
C4 zákazník

Registrován:
13 zář 2013 15:02
Příspěvky:
187
Nefungovalo by toto?

HTML:
Kód:
<input id="rad1" type="radio" name="rad"><label for="rad1">Radio 1</label>
<input id="rad2" type="radio" name="rad"><label for="rad2">Radio 2</label>


CSS:
Kód:
input[type="radio"]:checked+label { font-weight: bold; }
¨

Vyzkoušet lze tu: https://jsfiddle.net/e4k32fqz/1/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop - Atributy radio jako tlačítka - problém s checked
PříspěvekNapsal: 24 črc 2018 13:48 
C4 zákazník

Registrován:
05 zář 2017 12:59
Příspěvky:
20
Ono to normálně jinde funguje, ale protože Presta si do toho tahá ještě další soubory, tak to nefunguje....:-/


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ů: 7 ] 

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:  
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-2018 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz