Maxnina (23 Апрель 2013 - 21:04) писал:
Дорогие друзья, возник ряд вопросов, касающейся как главной так и товарной страницы. Прошу Вас помощи, т.к. самому не зная всех тонкостей и честно сказать в первые столкнувшись с таким видом дела.
Постараюсь как можно подробнее описать суть моих вопросов прилагая к ним файлы.
1 - Как подвинуть и изменить цвет названия товара в Динамических вкладка - Описание, сделать их ровно по середине и с измененным цветом букв ?
2 - Возможно ли как то в шаблоне "Вечность" модификации выставить по нормальному. То есть 40-42-44-46 и т.д. а не как сейчас в разном порядке. (В товары-свойства все стоит по порядку так же и при добавлении модификации все стоит в своем порядке(добавляю в ровном порядке с 40 по 52)) --- Не буду разделять вопросы так, что спрошу тут же. Как название товара уже не в описание а основное, задать в центре (ровно под фото) и изменить ему цвет ?
3 - (1) Как убрать навигацию на всех страницах сайта ? (Красный цвет на скрине)
(2) Как подвинуть название категории в центр и изменить цвет текста ? (Синий цвет на скрине)
4 - На главной странице, уже разбирал с одним очень хорошим администратором, но к сожалению не чего не получилось. Скажите, как сделать *только* новинки* на главной странице в виде карусели с автоматической прокруткой и что бы не было проблем как это я писал выше ?
5 - Как в товаре, добавить динамические вкладки. Но, прежде всего убрать "Доставка" и в место неё вставить свои. Примерно следующее. Описание - Таблица размеров (Таблицу я сделаю в текстовом документе, вставлю картинки сохраненные по пути (файлы) напишу текст, скопировав это все в виде HTML вставлю в Товары.Другой из блоков это "FAQ" и т.д которые будут написаны в текстовом документе и переведены в HTML для вставки. (Надеюсь Вы меня поняли) такое я делал на шаблоне сияние.
И ещё, скажите пожалуйста, что такое "С этим товаром смотря" почему на одном товаре это есть а на остальных 70 нет. Как это работает ???
Так же интересно, можно ли как то изменить цвет надписи наверх. которая появляется в низу страницы.
1.
Панель администратора, "Сайт"->"
Редактор тем".
В файле "style.css".
Добавить в конец файла код:
#content_1 h3 {
margin: 0 auto;
display: block;
width: 30%;/*ширина блока*/
color: green;/*цвет шрифта*/
}
2. Сортировать модификации вы можете в разделе "Товары" -> "Свойства".
Цвет.
В файле "style.css".
Добавить в конец файла код:
.item section header h1 {
text-align: center;
color: green;/*цвет текста*/
}
3.1
Добавить в конец файла код:
.breadcrumb {
display: none;
}
3.2
Добавить в конец файла код:
section header h1 {
color: green;
text-align: center;
}
4.
Панель администратора, "Сайт"->"
Редактор тем".
В файле "HTML".
Найти код:
<!-- Список Новинок -->
{% IFNOT index_page_new_goods %}
<section class="newsletter">
<div>
<h3><b>Новинки</b></h3>
</div>
</section>
<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({
scroll: 2
});
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_new_goods %}
<li>
<h3><a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{ index_page_new_goods.NAME}</a></h3>
<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
<a title="{ index_page_new_goods.NAME}" href="{ index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{ index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{ index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<a href="{ index_page_new_goods.URL_MIN_PRICE_NOW}">{ index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT> index_page_new_goods.MIN_PRICE_NOW %}
<a href="{ index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD> index_page_new_goods.MIN_PRICE_NOW %}
<a href="{ index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{ index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{ index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{ index_page_new_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="$('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить «{ index_page_new_goods.NAME}» в корзину">В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{ index_page_new_goods.MIN_PRICE_NOW_ID}');
return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={ index_page_new_goods.MIN_PRICE_NOW_ID}&from={ index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список Новинок -->
Заменить:
<!-- Список Новинок -->
{% IFNOT index_page_new_goods_empty %}
<section class="newsletter">
<div>
<h3><b>Новинки</b></h3>
</div>
</section>
<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({
scroll:2
});
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_new_goods %}
<li>
<h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_new_goods.NAME}</a></h3>
<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
<a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<!--button type="submit" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить «{index_page_new_goods.NAME}» в корзину">В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список Новинок -->
5.
Вкладки.
Панель администратора, "Сайт"->"
Редактор тем".
В файле "Товар".
Найти код:
<div class="tabbed_area">
<ul class="tabs">
<li {% IFNOT GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1">Описание</a></li>
<li {% IF goods_features_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2" >Характеристики</a></li>
<li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>
<li><a href="javascript:tabSwitch('tab_4', 'content_4');" id="tab_4" class="active">Отзывы</a></li>
</ul>
Заменить:
<div class="tabbed_area">
<ul class="tabs">
<li {% IFNOT GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1">Описание</a></li>
<li {% IF goods_features_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2" >Характеристики</a></li>
<li {% IF goods_delivery_empty %}class="hide"{% ENDIF %}><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Доставка</a></li>
<li><a href="javascript:tabSwitch('tab_4', 'content_4');" id="tab_4" class="active">Отзывы</a></li>
<li><a href="javascript:tabSwitch('tab_5', 'content_5');" id="tab_5">Вкладка</a></li>
</ul>
<div id="content_5" class="content">
<p>Тут какой то тектс</p>
</div>
Тут просто добавили похожий код для заголовка вкладки.
<li><a href="javascript:tabSwitch('tab_5', 'content_5');" id="tab_5">Вкладка</a></li>
Чтобы добавить еще одну вкладку нужно будет просто скопировать этот код еще раз и прибавить число.
И еще вот код где будет все написаное.
<div id="content_5" class="content">
<p>Тут какой то тектс</p>
</div>
Про данный блок много писали в данной теме.
http://forum.storela...рят/#entry57944
Кнопка "Наверх".
Панель администратора, "Сайт"->"
Редактор тем".
В файле "style.css".
Найти код:
#Go_Top span {position: absolute;font-size: 25px;}
Заменить:
#Go_Top span {
position: absolute;
color: green;/*цвет текста*/
font-size: 25px;
}