0
Сообщений в теме: 11
#1
Отправлено 09 Июль 2014 - 19:38
Подскажите, как вместо слайдера поместить весь список товаров на главную в виде таблицы? как увеличить немного размер товара, чтобы он немного крупнее был чем сейчас?
вот кусок кода из HTML
<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<script type="text/javascript">
jQuery(function() {
$.fn.startCarousel = function() {
var bodywidth = $('.container').width(),
itemwidth = $('.mycarousel li').outerWidth(true),
mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
licount = $('.mycarousel li').size(),
jscroll = 1;
if(licount > mycontwidth/itemwidth){
jscroll = mycontwidth/itemwidth;
} else {
jscroll = 0;
mycontwidth = licount * itemwidth;
}
$('.mycont').width(mycontwidth);
$('.mycarousel').jcarousel({
scroll:jscroll,
wrap:'circular'
});
};
$(this).startCarousel();
$(window).resize(function(){
$(this).startCarousel();
});
$('.mycarousel').jcarousel();
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_goods %}
<li>
<h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
<div style="width: 100%;position: relative;overflow:hidden;">
<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_goods.NAME}» в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список товаров на главной -->
вот кусок кода из HTML
<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<script type="text/javascript">
jQuery(function() {
$.fn.startCarousel = function() {
var bodywidth = $('.container').width(),
itemwidth = $('.mycarousel li').outerWidth(true),
mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
licount = $('.mycarousel li').size(),
jscroll = 1;
if(licount > mycontwidth/itemwidth){
jscroll = mycontwidth/itemwidth;
} else {
jscroll = 0;
mycontwidth = licount * itemwidth;
}
$('.mycont').width(mycontwidth);
$('.mycarousel').jcarousel({
scroll:jscroll,
wrap:'circular'
});
};
$(this).startCarousel();
$(window).resize(function(){
$(this).startCarousel();
});
$('.mycarousel').jcarousel();
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_goods %}
<li>
<h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
<div style="width: 100%;position: relative;overflow:hidden;">
<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_goods.NAME}» в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список товаров на главной -->
#2
Отправлено 09 Июль 2014 - 19:57
Павел26 (09 Июль 2014 - 19:38) писал:
Подскажите, как вместо слайдера поместить весь список товаров на главную в виде таблицы? как увеличить немного размер товара, чтобы он немного крупнее был чем сейчас?
вот кусок кода из HTML
<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<script type="text/javascript">
jQuery(function() {
$.fn.startCarousel = function() {
var bodywidth = $('.container').width(),
itemwidth = $('.mycarousel li').outerWidth(true),
mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
licount = $('.mycarousel li').size(),
jscroll = 1;
if(licount > mycontwidth/itemwidth){
jscroll = mycontwidth/itemwidth;
} else {
jscroll = 0;
mycontwidth = licount * itemwidth;
}
$('.mycont').width(mycontwidth);
$('.mycarousel').jcarousel({
scroll:jscroll,
wrap:'circular'
});
};
$(this).startCarousel();
$(window).resize(function(){
$(this).startCarousel();
});
$('.mycarousel').jcarousel();
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_goods %}
<li>
<h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
<div style="width: 100%;position: relative;overflow:hidden;">
<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_goods.NAME}» в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список товаров на главной -->
вот кусок кода из HTML
<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<script type="text/javascript">
jQuery(function() {
$.fn.startCarousel = function() {
var bodywidth = $('.container').width(),
itemwidth = $('.mycarousel li').outerWidth(true),
mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
licount = $('.mycarousel li').size(),
jscroll = 1;
if(licount > mycontwidth/itemwidth){
jscroll = mycontwidth/itemwidth;
} else {
jscroll = 0;
mycontwidth = licount * itemwidth;
}
$('.mycont').width(mycontwidth);
$('.mycarousel').jcarousel({
scroll:jscroll,
wrap:'circular'
});
};
$(this).startCarousel();
$(window).resize(function(){
$(this).startCarousel();
});
$('.mycarousel').jcarousel();
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_goods %}
<li>
<h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
<div style="width: 100%;position: relative;overflow:hidden;">
<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_goods.NAME}» в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список товаров на главной -->
Здравствуйте. Сделайте бэкап, далее строчку <ul class="mycarousel"> замените на: <ul class="mycarousel2">
Теперь в шаблоне style.css, везде где указывается .mycarousel поменяйте на .mycarousel2
Как сделаете - напишите, скажем что поменять в стилях.
#3
Отправлено 10 Июль 2014 - 13:03
А можно чтобы не менять текущий стиль, а только расположение товар изменить.... у меня есть изначальные css и html скажи что из них скопировать и вставить, а потом изменить?
#4
Отправлено 10 Июль 2014 - 13:38
чтобы на главной отображался как в каталоге
#8
Отправлено 10 Июль 2014 - 15:00
а как ее убрать?? и мне нужен весь текст и картинкм которые идут после... когда удаляю карусель, товар идет вниз и не по сетке!
#10
Отправлено 10 Июль 2014 - 16:39
все готово.. удалил...
#12
Отправлено 10 Июль 2014 - 16:58
Отлично!!)) спасибо!!!
Темы с аналогичным тегами товары главная
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Мастер →
Доработка Главной СтраницыАвтор Гость_nkknts_* , 06 дек. 2018 товары главная |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных