Jump to content

Конфигурация "products grid"


Recommended Posts

Поменял показ товаров со списка на сетку согласно описания как это делать на английском форуме.

Все поменялось с 1го на 2 товара в одном ряду. Как поменять на 3 или 4, как например представлено по дефолту в  "Featured products". И по ходу как поменять размер окна?

Заранее благодарен за помощь.

Share this post


Link to post
Share on other sites

	<!-- Products list -->
	<ul id="product_list" class="clear">
			{assign var='nbItemsPerLine' value=3}
			{assign var='nbLi' value=$products|@count}
			{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
	{foreach from=$products item=product name=products}
		<li class="ajax_block_product {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if} {if $smarty.foreach.products.index % 2}alternate_item{else}item{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}last_item_of_line{/if}">

value=3 меняешь на кол-во товаров в ряд.

 

Нужно еще править CSS таким образом чтобы товары влезали сколько нужно в один ряд!

 

Выше код нужен например для того, если у тебя идут 4 блока с товарами в ряд и у каждого блока добавляется отступ с права, то последнему блоку в ряду добавляется класс "last_item_of_line"  для которого в ксс можно отступ с правой стороны убрать..

 

Короче мой код выше если его вставить в нужное место и правильно изменить/добавить стили в css файл, тебе поможет!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

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