Jump to content

Zmiana widoku listy produktów na mniejszy rozmiar


Recommended Posts

Witam.

Próbuję trochę zmienić widok listy produktów. Potrzebuję zmniejszyć rozmiar i żeby cena i koszyk były w jednej lini. Oprócz tego chcę wykasować zdjęcie które zaznaczyłem na zdjęciu.post-818808-0-53536100-1405951047_thumb.jpg

Bardzo proszę o wskazówki 

Prestashop 1.5.6.2 szablon standardowy

Edited by nasan (see edit history)

Share this post


Link to post
Share on other sites

1) usuwanie zdjecia:

 

category.tpl w katalogu z szablonem, usuwamy kod:

			{if $scenes}
				<!-- Scenes -->
				{include file="$tpl_dir./scenes.tpl" scenes=$scenes}
			{else}
				<!-- Category image -->
				{if $category->id_image}
				<div class="align_center">
					<img src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html'}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" width="{$categorySize.width}" height="{$categorySize.height}" />
				</div>
				{/if}
			{/if}
  • Like 1

Share this post


Link to post
Share on other sites

co do pozycjonowania elementów, dla wskazanych bloków ustaw css float:left; display:inline-block;

a można to trochę prościej. Nie wiem z której strony to ugryść

Share this post


Link to post
Share on other sites

otóż każdy element który widzisz na liście produktów ma swoj unikalny id / swoją unikalną klasę która pozwala nadać mu (temu elementowi) własne style css

 

i tak, są tam dwa elementy:

iVuIm0m.png

 

 

1) element o klasie .content_price

2) element o klasie .ajax_add_to_cart_button

 

w związku z powyższym w stylach css możesz ustawić takie style:

 

#product_list .content_price {float:left; display:inline-block;}

#product_list .ajax_add_to_cart_button {float:left; display:inline-block;}

 

 

w związku z faktem, że może tam nie być miejsca na wyświetlenie tych elementów w jednej linii konieczne będzie:

- zminiejszenie szerokości któregoś z nich (lub obydwóch) za pomocą parametrów css: width

  • Like 1

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More