Wyśrodkowanie zdjęcia podkategorii

[mrova]

Ze względu na małą ilość podkategorii, chciałbym je przenieść na środek strony. Próbowałem w category.css i .tpl, ale niestety bezskutecznie (rozjeżdża się w każdą stronę, ale nie w tą, którą chcę ). Gdzie mogę tego szukać?

 

Edited September 11, 2014 by mrova (see edit history)

[vekia]

aby to osiągnąć trzeba trochę zmodyfikować cssy

w pliku category.css

 

do elementu ul dodaj text-align:center;

style elementu ul li zmień na:
 

#subcategories ul li {
text-align: center;
height: 202px;
margin: auto;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}

efekt

[mrova]

aby to osiągnąć trzeba trochę zmodyfikować cssy

w pliku category.css

 

do elementu ul dodaj text-align:center;

style elementu ul li zmień na:

 

#subcategories ul li {
text-align: center;
height: 202px;
margin: auto;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}

 

 

Jak zwykle, dziękuję za pomoc. Wszystko działa jak należy 

[mrova]

Przy okazji zapytam. Usunąłem nazwę kategorii i inf. o ilości produktów i chciałbym, aby category img zjechał nad sam tytuł "Subcategories". Jak to zrobić? 

 

[vekia]

zmień rozmiar zdjeć w preferences > images

muszą odpowiadać rozmiarowi nowego boxu na obraz.

wtedy wszystko się dopasuje samo

 

pamiętaj, aby wgrywać obrazy które są proporcjonalne do nowego rozmiaru zdjęcia

[mrova]

Dzięki, działa 

 

Mam jeszcze jedno pytanie. Chciałbym, aby zdjęcie podkategorii pokazywało się tylko jako miniatura w nadrzędnym katalogu; po wejściu do podkategorii ma ono nie być widoczne (tylko lista produktów dla subkategorii). Jak to załatwić? 

[mrova]

Przypominam się

[vekia]

a w jaki sposób odróżnić te kategorie dla których ma wyświetlić się obraz od tych, dla których nie ma się wyświetlać?

czy to kwestia położenia w drzewie kategorii (np. 3 poziom: kategoria root>home>kategoria z obrazkiem > subkategoria bez obrazka)

czy zawsze to będzie 3 poziom? czy również jakies głębsze poziomy?

[mrova]

Na tą chwilę będzie to zawsze, tak jak napisałeś, 3 poziom.

 

W miarę rozbudowywania sklepu może okazać się, że brak zdjęć będzie potrzebny do powiedzmy 4 poziomu (czyli na 3 i 4), ale zawsze będzie to stała wartość, niezależnie od kategorii. Jak rozumiem ten brak systematyczności byłby ew. głównym problemem.

 

 

a w jaki sposób odróżnić te kategorie dla których ma wyświetlić się obraz od tych, dla których nie ma się wyświetlać?

czy to kwestia położenia w drzewie kategorii (np. 3 poziom: kategoria root>home>kategoria z obrazkiem > subkategoria bez obrazka)

czy zawsze to będzie 3 poziom? czy również jakies głębsze poziomy?

[vekia]

dokładnie tak,

wówczas trzeba by było sprawdzać poziom i czy kategoria ma subkategorie.

 

tak właściwie, czy fakt, że kategoria ma subkategorie nie świadczył by o tym, że  należy wyświetlić obrazwk? A gdy kategoria ma nie ma subkategorii - to ukrywamy obrazek, znacznie ułatwiło by to sprawę

[mrova]

Na tą chwilę w zupełności wystarczy 

 

dokładnie tak,

wówczas trzeba by było sprawdzać poziom i czy kategoria ma subkategorie.

 

tak właściwie, czy fakt, że kategoria ma subkategorie nie świadczył by o tym, że  należy wyświetlić obrazwk? A gdy kategoria ma nie ma subkategorii - to ukrywamy obrazek, znacznie ułatwiło by to sprawę

[vekia]

category.tpl w katalogu z szablonem, poniższy kod:
 

   	{if $scenes || $category->description || $category->id_image}
			<div class="content_scene_cat">
            	 {if $scenes}
                 	<div class="content_scene">
                        <!-- Scenes -->
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
                        {if $category->description}
                            <div class="cat_desc rte">
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short">{$description_short}</div>
                                <div id="category_description_full" class="unvisible">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div>{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                    </div>
				{else}
                    <!-- Category image -->
                    <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}>
                        {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                     </div>
                  {/if}
            </div>
		{/if}

wsadzamy w warunek:

{if isset($subcategories)}

TUTAJ KOD

{/if}

[mrova]

Hm, jak wsadzam tego ifa zaraz po {if isset($subcategories)}, to dostaję 2 banery ze zdjęciem - jeden pod drugim, a logo w subkategorii dalej się pokazuje.

Edited September 22, 2014 by mrova (see edit history)