Priehladne pozadie pod textom o produkte

Úprava vzhľadu, vlastné šablóny a iné.
konektor23
Príspevky: 8
Dátum registrácie: 23. Máj 2015 21:51
Verzia OpenCartu: 2.0.2.0

Priehladne pozadie pod textom o produkte

Príspevok od používateľa konektor23 »

Dobrý deň,

na mojom shope mám jednu vec, ktorú potrebujem poriešiť, hľadal som kadejaké riešenia ale nikde sa to poriadne neriešilo.

Keď si otvorím eshop, kliknem na ľubovolný produkt, otvorí sa mi produkt, kde vidno obrázok, cenu, pridanie do košíka a popisný text o produkte. Problém je v tom, že mám sivobiele pozadie a text má nastavené transparentné pozadie, čiže vidím cez text background celeho e-shopu. Potreboval by som, aby celá product stránka bola v osobitnom boxe s bielym pozadím (alebo inou farbou) tak, aby text bol čitateľný. Podarilo sa mi spraviť, že popis mal biele pozadie, ale obrázok, pridanie do košíka atď bolo bez tohoto bieleho pozadia.

Eshop funguje na verzii 2.0.1.1, mám to na localhost (xampp). myslím, že treba zmeniť niečo v stylesheet.css , skúšal som kadečo meniť, dopĺňať background: #fff (alebo #000 aby bolo vidno zmenu prípadne aj s #000000) žiadny efekt.
freddy87
Príspevky: 499
Dátum registrácie: 14. Aug 2012 11:49

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa freddy87 »

Záleží od toho akú máš tému, defaultnú? Daj sem aj screen, budeme si to vedieť lepšie predstaviť.
konektor23
Príspevky: 8
Dátum registrácie: 23. Máj 2015 21:51
Verzia OpenCartu: 2.0.2.0

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa konektor23 »

Nie je to defaultná téma, je kupovaná... ale aj defaultná téma má podobné nastavenie priehľadného textu pri prezeraní produktu. Prikladám požadovaný screen, kde červený rámik zobrazuje oblasť, ktorú by som chcel nastaviť ako biele pozadie (ciže aby biele pozadie bolo aj za obrázkom, cenou, popisom, tlačidlom pridať do košíka apod.)
Prílohy
Screen eshopu s oramovanim problemovej casti
Screen eshopu s oramovanim problemovej casti
René
Príspevky: 48
Dátum registrácie: 27. Jún 2014 15:17
Verzia OpenCartu: 1.5.6.4

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa René »

Zdravim,

neviete to hodit niekam na server? Takto sa to dohladat velmi neda..
konektor23
Príspevky: 8
Dátum registrácie: 23. Máj 2015 21:51
Verzia OpenCartu: 2.0.2.0

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa konektor23 »

Pokúsim sa čo najskôr to niekde nahodiť, uvidím či nebudem mať aj s tým problém :D
freddy87
Príspevky: 499
Dátum registrácie: 14. Aug 2012 11:49

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa freddy87 »

Tak daj sem link na tú tému, pozrieme demo a budeme vidieť.
SelfMan
Administrátor
Príspevky: 1029
Dátum registrácie: 19. Aug 2011 23:55

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa SelfMan »

Stac v IE11 alebo v Chrome klavesu F12.
otvori sa ti developerska konzola, kde klikni na Sipku nad stvorcekom (chrome) a nasledne klikni mysou do ramu popisu.
V pravej casti uvidis, ktora CSS trieda je naviazana na dany objekt.
konektor23
Príspevky: 8
Dátum registrácie: 23. Máj 2015 21:51
Verzia OpenCartu: 2.0.2.0

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa konektor23 »

zakúpená téma je vomto linku:
http://www.templatemonster.com/opencart ... 54712.html

Skúste sa pozrieť a uvidíme na čo prídete, ja to skúšam nahodiť na nejaký free hosting.
konektor23
Príspevky: 8
Dátum registrácie: 23. Máj 2015 21:51
Verzia OpenCartu: 2.0.2.0

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa konektor23 »

nahodil som to aj online na
http://konektor.esy.es/

skusim to aj tam editovat, je to zatial cista sablona
freddy87
Príspevky: 499
Dátum registrácie: 14. Aug 2012 11:49

Re: Priehladne pozadie pod textom o produkte

Príspevok od používateľa freddy87 »

Aby to bolo aspoň ako tak pekné, trebalo by to najstajlovať viacej. Najrýchlejšie dostaneš pozadie, keď pridáš do svojho stylesheet.css v téme toto:

Kód: Vybrať všetko

/* farbu #FFFFFF môžeš nahradiť akou potrebuješ */
.product_page { background-color: #FFFFFF; }
Napísať odpoveď