Prestashop Top-Sellers module color change & product photo slider bug

Sveiki uzdarbieciai,

idiegiau PrestaShop v1.6.0.14 bei AP CULINARY THEME bet susiduriau su keleta smulkiu problemu:

1. Reikia pakeisti Best Sellers modulio spalva – ji siuo metu yra raudona todel labai issiskiria is kitu spalvu..

Maniau pavyks pakeisti spalva per modulio CSS filiuka, bet pasirodo jis tuscias..

http://www.part.lt/img/a0a52cc59ccde88e6efd674cedd9ef4f74.png

Tada atradau Leo Live Theme Editor, kuriame galima realiu laiku keisti atskiru elementu spalvas, bet problema tame, kad paspausdus uztvirtinima „Submit“ nustatymai neisisaugoja.. :( nezinau ka daryti..

http://www.part.lt/img/c9b5ccac3e3347804654f469ae54cb03454.png

2. Product Slider‘is nederamai veikia ir atvaizduoja thumbnail mazus produkto paveikslelius.. Neveikia rodyklytes <> turincios slankioti paveikslelius..

Pateikiu atvaizdavimo pavyzdzius:

http://www.part.lt/img/5284f376700366e8dbeaefa74cdc17df83.png

http://www.part.lt/img/7d380b0bc4968fcd1894fb443bc595dc172.png

Gal yra zmoniu susidurusiu su panasiom problemom ir zinanciu ar numananciu kaip jas isspresti ? Buciau labai dekingas..

Spaudi dešinį ant elemento, darai inspect element, dar geriau turėti fireboog ir inspectinti su juo, pasižiūri klases, kurios priklauso tiems elementams, prestashope dar geriau būtų tiesiog iš dešinio lango visą css selectorių kopijuotis i global.css pabaigą ir keisti ten spalvas, nereikalingas eilutes nusitrinti.

Šiuo atveju sidebarui:

.sidebar .block-highlighted .title_block {
   color: #FFF;
   background-color: #BA3536;
   border-color: #D2D0BB;
}


.sidebar .block.block-highlighted .block_content {
   background: #E54B4B none repeat scroll 0% 0%;
   color: #FFF;
   border-color: #E54B4B;
}


.sidebar .block.block-highlighted .product-block {
   border-bottom: 1px solid #B83636;
}

Prestashopu dirband naršyklės inspektorius yra pagrindinis įrankis :)

Spaudi dešinį ant elemento, darai inspect element, dar geriau turėti fireboog ir inspectinti su juo, pasižiūri klases, kurios priklauso tiems elementams, prestashope dar geriau būtų tiesiog iš dešinio lango visą css selectorių kopijuotis i global.css pabaigą ir keisti ten spalvas, nereikalingas eilutes nusitrinti.

 

Šiuo atveju sidebarui:

 

.sidebar .block-highlighted .title_block {
   color: #FFF;
   background-color: #BA3536;
   border-color: #D2D0BB;
}


.sidebar .block.block-highlighted .block_content {
   background: #E54B4B none repeat scroll 0% 0%;
   color: #FFF;
   border-color: #E54B4B;
}


.sidebar .block.block-highlighted .product-block {
   border-bottom: 1px solid #B83636;
}

 

Prestashopu dirband naršyklės inspektorius yra pagrindinis įrankis :)

Didelis ACIU Saruncikas - su tavo pagalba pavyko pakeisti modulio spalva :)

Gal kartais turi minciu kas gali buti netvarkoj su produktu nuotrauku "trumbnail" nederamu atvaizdavimu ?

http://www.part.lt/img/5284f376700366e8dbeaefa74cdc17df83.png

http://www.part.lt/img/7d380b0bc4968fcd1894fb443bc595dc172.png

lauksiu visu ideju..

Didelis ACIU Saruncikas - su tavo pagalba pavyko pakeisti modulio spalva :)

 

Gal kartais turi minciu kas gali buti netvarkoj su produktu nuotrauku "trumbnail" nederamu atvaizdavimu ?

http://www.part.lt/img/5284f376700366e8dbeaefa74cdc17df83.png

http://www.part.lt/img/7d380b0bc4968fcd1894fb443bc595dc172.png

 

lauksiu visu ideju..

Čia bus klaida su paddingu greičiausiai, vėl gi reikia per inspectorių žiūrėti, jei developini ne localhoste, tiesiog duok nuorodą ir pažiūrėsim.

Čia bus klaida su paddingu greičiausiai, vėl gi reikia per inspectorių žiūrėti, jei developini ne localhoste, tiesiog duok nuorodą ir pažiūrėsim.

Pasirodo pakako pasalinti kairi stulpeli ir problema issisprende savaime nes taip ir DEMO puslapis buvo be LEFT COLUMN..

Bet dabar susiduriu su dar viena vizualine klaidele - prie LASTEST DEAL apacioje dedama permatoma juoda juosta (jos nereikia), kuri uzvedus pele patampa ADD TO CARD/WISHLIST/COMPARE juostele (cia jau viskas gerai)..

http://www.part.lt/img/d0dc41896c9bb3dbe6f9921014c32d42628.png

Temos DEMO cia

Bandziau naudotis Inspect Element bet nepavyko atrasti kurioje CSS vietoje, galeciau ta juoda permatoma juostele pasalinti..

Gal galetumet dar karta pagelbeti?