Přesun prvku na jiné místo

24. 1. 2018 11:09:24

Ahoj,

opět řeším problém. Na webu od shoptetu mám pár produktů a potřeboval bych přebarvit název položky. Původní myšlenka bylo použít tento kód, ale výsledek je, že to přebarví vše, takže i název, který neobsahuje s class .price-standard.

Nevíte, kudy kam?

Děkuji

24. 1. 2018 11:09:24

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325390

Michal Běhal

(59 hodnocení)

24. 1. 2018 11:28:27

A co přesně to má tedy přebarvit? Tohle? #products .product div.p div.flags span.price-standard

24. 1. 2018 11:28:27

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325389

Milan Hrnčál

(19 hodnocení)

24. 1. 2018 11:37:47

Ne, tohle .product div.p .price strong

24. 1. 2018 11:37:47

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325388

Michal Běhal

(59 hodnocení)

24. 1. 2018 11:49:45

Asi by byl potřeba odkaz, bez toho by bylo potřeba moc otázek :D

24. 1. 2018 11:49:45

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325387

Milan Hrnčál

(19 hodnocení)

24. 1. 2018 11:53:44

Napsal Railler;1438506
Asi by byl potřeba odkaz, bez toho by bylo potřeba moc otázek :D

Není problém, https://186631.myshoptet.com/damske/

Je tam vidět, že se přebarví každý název.

Přebarvit se má pouze ten, když div obsahuje class se slevou (span.price-standard)

24. 1. 2018 11:53:44

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325386

Michal Běhal

(59 hodnocení)

24. 1. 2018 12:06:49

No, ta podmínka je, že pokud ten prvek existuje, nezjišťuje se to pro každý zvlášť. Bude potřeba to nastavit pro každý produkt jako child. Tzn. nad podmínku dát ještě "each" a do podmínky to dát jako child toho produktu a stejně tak nastavení musí být child. Snad to píšu srozumitelně :)

24. 1. 2018 12:06:49

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325385

Pavel Mareš

(19 hodnocení)

24. 1. 2018 12:14:06

Popis:

1. Potřebuješ zkontrolovat každý produkt -> tudíž $.each funce

2. Najdeš, zda v tomhle produktu je daný prvek

3. když ano, nastavíš si dalšímu prvku / prvkům, co bude chtít

24. 1. 2018 12:14:06

šikmo.cz – Digitální parťák, od designu přes vývoj až k marketingu.

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325384

Milan Hrnčál

(19 hodnocení)

24. 1. 2018 14:13:34

Napsal Doctore97;1438513
Popis:
1. Potřebuješ zkontrolovat každý produkt -> tudíž $.each funce
2. Najdeš, zda v tomhle produktu je daný prvek
3. když ano, nastavíš si dalšímu prvku / prvkům, co bude chtít
$("#products .product").each(function(){ var price = $(this).find(".price-standard"); if( price.length > 0 ) { $(this).find(".price strong").css("color", "green"); }});

Díky moc a ještě se zeptám dále, když potřebuji přesunout div s class flags-extra jinam?

Použil jsem

$("#products .product").each(function(){
var price = $(this).find(".price-save");
if( price.length > 0 ) {
$(this).find(".flags-extra").insertAfter('#products .product div.p-in div.p-in-in');
}
});

Jenomže to udělalo pěknou paseku. viz odkaz.

Díky moc za osvětu co je kde špatně.

24. 1. 2018 14:13:34

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325383

Pavel Mareš

(19 hodnocení)

24. 1. 2018 14:23:46

Protože to vkládáš všude. inserAfter a specifikuješ X krát všechno. $(this) ti specifikuj daný produkt.

Info: Prosím tě, nepoužívej div.p-in zápis ... až to někdo předělá z divu na span nebo něco jiného, máš po srandě. Používej třídy a používej jich co nejméně.

Takže třeba uvnitř each funkce hledej už jen .p-in-in místo .p-in .p-in-in.

24. 1. 2018 14:23:46

šikmo.cz – Digitální parťák, od designu přes vývoj až k marketingu.

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325382

Milan Hrnčál

(19 hodnocení)

24. 1. 2018 14:38:08

Napsal Doctore97;1438559
Protože to vkládáš všude. inserAfter a specifikuješ X krát všechno. $(this) ti specifikuj daný produkt.
$(this).find(".p-in-in").append( price );
Info: Prosím tě, nepoužívej div.p-in zápis ... až to někdo předělá z divu na span nebo něco jiného, máš po srandě. Používej třídy a používej jich co nejméně.
Takže třeba uvnitř each funkce hledej už jen .p-in-in místo .p-in .p-in-in.

Díky moc za objasnění, už to běhá jak má¨

24. 1. 2018 14:38:08

https://webtrh.cz/diskuse/presun-prvku-na-jine-misto#reply1325381

Pro odpověď se přihlašte.

Přihlásit