otdyh-i-son.ru (18 Ноябрь 2013 - 18:36) писал:
получилось но совсем не то, скрин 1:
а нужно вот так, скрин 2:
Для того чтобы изменить слой у меню.
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:
#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;min-height: 250px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}
Заменить:
#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;min-height: 250px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 1;}
И для того чтобы изменить вывод товаров списком.
Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Поиск".
Найти код:
<!-- Список товаров. Таблица -->
<div class="grid-container">
<ul class="grid" id="product_list">
{% FOR goods %}
<li class="elem">
<div class="product_list_details_right">
<div class="product_image_wrapper">
{% IF user_agent_ie7 %}
<a class="product_img_link" href="{goods.URL | url_amp}" title="{goods.NAME}">
<img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}">
</a>
{% ELSEIF user_agent_ie8 %}
<a class="product_img_link" href="{goods.URL | url_amp}" title="{goods.NAME}">
<img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}">
</a>
{% ELSE %}
<a class="product_img_link" href="{goods.URL | url_amp}" title="{goods.NAME}">
<img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}">
</a>
{% ENDIF %}
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
{% ENDIF %}
{% IF goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
{% ENDIF %}
</div>
</div>
<div class="price_container {% IF goods.MIN_PRICE_NOW>=goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" >
<span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<span class="old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<span class="old-price">{goods.MIN_PRICE_OLD | money_format}</span>
{% ENDIF %}
</div>
<div class="product_list_add_to_cart">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="ajax_add_to_cart_button autumn_add_to_cart link" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a>
</form>
</div>
<div class="product_list_add_to_cart">
<div class="add-to-links" style="display: block;">
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
</div>
</div>
<div class="product_list_details">
<div class="product_list_details_left">
<h5><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h5>
{% IF goods.DESCRIPTION_LARGE %}
<div class="product_desc">
<div class="product_desc">
<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
{% FOR values %}
<!-- Если это первый элемент в списке -->
{% IF goods_modifications_properties.values.first %}
<label class="attribute_label">{goods_modifications_properties.NAME}:</label>
<div class="attribute_list">
<select name="form[properties][]" class="attribute_select">
{% ENDIF %}
<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
<!-- Если это последний элемент в списке -->
{% IF goods_modifications_properties.values.last %}
</select>
</div>
{% ENDIF %}
{% ENDFOR %}
<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
</div>
</div>
{% ENDIF %}
</div>
</div>
<div class="clear"></div>
</li>
{% ENDFOR %}
</ul>
</div>
<!-- /Список товаров. Таблица -->
Заменить:
<!-- Список товаров. Список -->
<table>
<thead>
<th>Изображение</th>
<th>Название</th>
<th>Свойства</th>
<th>Цена</th>
<th></th>
</thead>
{% FOR goods %}
{% IF goods.index >10 %}{break}{% ENDIF %}
<tbody id="gl{goods.ID}">
{% FOR mods %}
<tr style="border-bottom:1px dashed #ccc; background:{g.index | is_divided("2","#ffffcc","#c0c0c0")};">
<td class="valignMiddle alignCenter">
<a href="{goods.mods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" alt="{goods.mods.NAME}" /></a>
</td>
<td class="valignMiddle">
<a href="{goods.mods.URL}">{goods.NAME}</a>
</td>
<td class="valignMiddle">
<table class="property_data" cellspacing="0">
{%FOR v%}
<tr>
<td rel="{goods.mods.v.PROPERTY_ID}">{goods.mods.v.NAME}:</td>
<td>{goods.mods.v.VALUE}</td>
</tr>
{% ENDFOR v %}
</table>
</td>
<td class="valignMiddle alignRight">
<div class="goodsListItemPriceNew" style="white-space:nowrap;">
{goods.mods.PRICE_NOW | money}
</div>
{% IF goods.mods.PRICE_OLD > goods.mods.PRICE_NOW %}
<div class="goodsListItemPriceOld" style="white-space:nowrap;">
<s>{goods.mods.PRICE_OLD | money}</s>
</div>
{% ENDIF %}
</td>
<td class="valignMiddle" style="padding-left:1em;">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.mods.ID}" />
<input type="submit" value="Купить" />
</div>
</form>
</td>
<td>
</td>
</tr>
{% ENDFOR mods %}
</tbody>
{% ENDFOR goods %}
</table>
<!-- /Список товаров. Список -->
Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
#product_list_wrapper table {
width: 100%;
}
#product_list_wrapper table th {
background: #FDFDFD;
padding: 5px;
}
#product_list_wrapper table td {
padding: 2px 0px;
}
#product_list_wrapper table .valignMiddle {
text-align: left;
}
Прикрепленные изображения