PrestaShop 1.6 - Obrázek kategorie překrývá popis

jkbobo · **Registrován:** 22 srp 2011 20:40 **Příspěvky:** 133

Dobrý den,

pokud doplním do kategorie obrázek, stále se mi překrývá s textem k této kategorii.

Viz. obrázek.

Nevíte proč tomu tak je???

Díky za pomoc.

JK

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

jedná se o standardní chování šablony. Název a popis kategorie se zobrazuje přímo v obrázku kategorie.

Als-shop · **Registrován:** 17 led 2011 09:11 **Příspěvky:** 85

Dobrý den.
Mám ten samý problém, nejen s obrázky v kategoriích ale s posuvníkem obrázků na hlavní stránce. Četl jsem diskuzi na http://www.prestashop.com/forums/topic/ ... y-picture/. Připadá mi to jako zásadní chyba, k čemu by byl nečitelný text na nepřehledném obrázku? To se přece musí týkat všech uživatelů Prestashopu 1.6
Máte radu/zkušenosti co nejlepšího s tím udělat? Koupě jiné šablony se obávám, nevím jak ji pak lze případně upravovat a v budoucnu aktualizovat, asi těžko. Nevím, zda je dobrá rada v uvedené diskuzi pod č. 17 - přepsat kód v category.tpl na:

Kód:

<div class="content_scene_cat_bg">
{if $category->id_image}<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}">{/if}

Prosím váš názor, radu.
Děkuji
A. Hejzlar
http://www.fotbalovekarty.cz

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

u obrázků kategorií i posuvníku počítá standardní šablony s obrázky, na kterých bude bílý text čitelný. Takže buď si budete muset obrázky přizpůsobit, nebo si upravit standardní vzhled šablony (např. jako je uvedeno v oficiálním diskuzním fóru), nebo si pořídit úplně jinou šablonu. Žádné jiné řešení bohužel neexistuje.

Pokud si s úpravami 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 věnuje.

Als-shop · **Registrován:** 17 led 2011 09:11 **Příspěvky:** 85

Dobrý den
Děkuji. Zkusil jsem upravit kód dle oficielního fóra v souboru Category.tpl na:

Kód:

<div class="content_scene_cat_bg">
{if $category->id_image}<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="{$category->name|escape:'html':'UTF-8'}">{/if}

Dopadlo to skoro dobře, jen obrázky kategorií mám posunuté doprava, vlevo od obrázku bílé místo. Prosím ještě info, co s tím.
Děkuji
A. Hejzlar
http://www.fotbalovekarty.cz

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

zmenšete si v sekci Konfigurace - Obrázky šířku obrázků category_default. A pak dole v části Regenerovat miniatury si je přegenerujte (Vybrat obrázek > Kategorie a Vybrat formát > category_default).

Als-shop · **Registrován:** 17 led 2011 09:11 **Příspěvky:** 85

Funguje to krásně a nádherně, děkuji, hezký víkend!
A. Hejzlar

RendaR · **Registrován:** 17 led 2015 16:26 **Příspěvky:** 39

Dobrý den, změnil jsem velikost obrázku category_default na 217 x 217 px a dal regenerovat miniatury, ale obrázek se roztáhnul na 870 x 870 px. Nevím co dělám špatně. Děkuji za pomoc. Renda

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

aplikace počítá s obrázkem kategorie přes celou šířku stránky (resp. sloupce s obsahem). Navíc velikost obrázku nově ovlivňuje i javascriptová funkce. Takže obrázky se sice přegenerovaly na požadovanou velikost, ale rozměr obrázku se pomocí javascriptu změní. Pokud byste chtěl toto chování odstranit, tak byste v souboru themes/default-bootstrap/js/category.js musel zrušit volání funkce resizeCatimg, která zajišťuje právě změnu velikosti obrázku. Jedná se o tyto řádky:

Kód:

$(document).ready(function(){
   resizeCatimg();
});

$(window).resize(function(){
   resizeCatimg();
}); 

A pak ještě v šabloně themes/default-bootstrap/category.tpl na řádku:

Kód:

<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>

upravit CSS styl obrázku background-size:cover, který zajišťuje roztažení obrázku přes celý prvek.

Pokud na takové úpravy na míru nemáte znalosti, můžete se obrátit na některého z našich partnerů (příp. vpravo blok PrestaShop partneři), který se aplikaci PrestaShop věnuje.

Pro nesouvisející dotazy, prosím, příště vytvářejte samostatná témata. Chceme mít fórum přehledné i pro ostatní uživatele, kteří hledají řešení stejného problému.

Návody pro C4

Webhosting C4

PrestaShop 1.6 - Obrázek kategorie překrývá popis

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting