Перейти к содержимому


Меню, Изменение Цвета При Наведении Выпадающего Меню, Изменение Шрифта И Размера Меню.

Меню изменение цвета при наведении

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 29

#21 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 317 сообщений

Отправлено 01 Июнь 2014 - 13:06

Здравствуйте! Помогите с выпадающим меню. Нужно, чтоб из "каталога" разворачивалось 4 подкатегории, из каждой из них 5 подподкатегрий. При нажатии на кнопку "Каталог" все должно быть, как есть - товары без категорий .  Как сделать?? Выполнила ваши рекомендации, но не помогло. . http://forum.storela...еню/#entry28263 - для другого шаблона. Спасибо.

#22 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 317 сообщений

Отправлено 01 Июнь 2014 - 20:21

Screenshot_1.png Вопрос больше не актуален - нашла меню-аккордеон) Все нравится. Помогите поставить его слева на всех страницах, чтоб оно остальной информации не мешало. Может как 2 блока таблицы сделать: слева - меню, справа - все остальное? Помогите, пожалуйста) Еще - как убрать ошибку Js1?

#23 lew

lew

    Активный участник

  • Модератоpы
  • 244 сообщений

Отправлено 01 Июнь 2014 - 22:40

откройте файл style.css
найдите код
.box{background: #ebfdf0; padding: 25px; border: solid 1px #ccc; position: fixed; margin: 0 30%; z-index: 1000;font-size:1.4em;text-align:center;}
и замените на этот
.box{background: #ebfdf0; padding: 25px; border: solid 1px #ccc; position: absolute; z-index: 1000;font-size:1.4em;text-align:center;}


откройте файл HTML
там весь код удалите.
и вставьте новый код

<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if lte IE 9]> <html class="ie9_all" lang="en"> <![endif]-->
<!--[if lte IE 8]> <html class="ie8_all" lang="en"> <![endif]-->
<!--[if lte IE 7]> <html class="ie7_all" lang="en"> <![endif]-->

<head>
<title>{PAGE_TITLE}</title>
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
<meta name="keywords" content="{PAGE_META_KEYWORDS}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/rw1.jpg" />
<link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon_rw.jpg" type="image/ rw1.jpg/>

<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
{% IF PAGE_CANONICAL %}
<link rel="canonical" href="{PAGE_CANONICAL}" />
{% ENDIF %}

<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/4.11/jquery.rating.css" />
{% ENDIF %}
{% ENDIF %}

<!-- Стили магазина, которые не нужно менять -->
<link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_07.css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

<!-- Стили магазина -->
<link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Lobster&amp;subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' />

<!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
{% IF JAVASCRIPT_BUG_HUNTING_URL %}
<script src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
{% ENDIF %}

<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script>

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.validate.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.capslock.min.js"></script>
<script src="{ASSETS_JS_PATH}main.js" ></script>
<!-- Загрузка Jquery галереии Nyvo Slider -->

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" ></script>
<![endif]-->

</head>
<body>
<div class="bg">
<section class="global">
<div class="container">

<header role="banner">
<!-- Контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div class="contacts">
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
{% ENDIF %}
</div>

<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
{SETTINGS_STORE_WORK_TIME}
</div>
{% ENDIF %}

<!-- Skype номер -->
{% IF SETTINGS_STORE_SKYPE %}
<div class="contentTableHeadMainSkype">
<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
<img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
</a>
</div>
{% ENDIF %}

<!-- ICQ номер -->
{% IF SETTINGS_STORE_ICQ %}
<div class="contentTableHeadMainIcq">
<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
</div>
{% ENDIF %}
</div>
{% ENDIF %}
<div class="hgroup">
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1>
<div class="sitename">{SETTINGS_STORE_NAME}</div>

<!-- Форма поиска -->
<form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
<div>
<input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
<input title="Искать" type="submit" value="Поиск" />
</div>
</form>
<!-- /Форма поиска -->
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF COMPARE_GOODS_COUNT=0 %}
<div class="compare hide">
<p>Ваш список сравнения пуст</p>
</div>
{% ELSE %}
<div class="compare">
<p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p>
</div>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</header>
<!-- Блок навигации -->
{% IFNOT menu_empty %}
<nav class="head">
<ul class="head">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<a href="#" id="pull">Меню</a>
</nav>
{% ENDIF %}
<!-- /Блок навигации -->

<!-- Корзина -->
<div class="basket-info">
<div class="summary">
<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
<span>0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}</strong> товаров в корзине</a>
</div>
<div class="basket-summary">
<table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
<tbody>
<tr>
<td>Сумма заказа:</td>
<td>
{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
{% ENDFOR %}
{% ENDIF %}
</td>
</tr>
</tbody>
</table>
{% IF cart_count_empty %}
<p>Ваша корзина пуста</p>
{% ENDIF %}
</div>
</div>
<!-- end Корзина -->
</div>
</section>
<div class="container">
<!-- Сообщение для инвалидов -->
<noscript>
<div class="noscript">
<div class="noscript-inner">
<p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p>
<p>Необходимо включить его для корректной работы сайта.</p>
</div>
</div>
</noscript>
<!-- END Сообщение для инвалидов -->

<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<style>
.ui-accordion .ui-accordion-li-fix {display: block;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: none;background: none;font-weight: normal;color: #555;}
.ui-state-default .ui-icon, .ui-state-active, .ui-icon, .ui-state-active .ui-icon {background-image: none;}
.ui-widget-content { border: none; background: none; }

</style>
<div class="box">
<div class="box-heading">Каталог</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion" >{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}

</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{%ENDFOR%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->



<!-- Главная страница -->
{% IF index_page %}

<!-- Список товаров на главной -->
{% 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;height: 100%;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 %}

{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
{% 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}" />
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</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}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;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>
<section role="main">
<div class="containers2">
{% FOR index_page_new_goods %}
<div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
<div style="width: 193px;position: relative;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>
<h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3>
<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="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_new_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}

{% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{index_page_new_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</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}" />
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину" />В корзину</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}&amp;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}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
{% ENDFOR index_page_new_goods %}
</div>
</section>
<div class="clear"></div>
{% ENDIF %}
<!-- /Список новинок -->

<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
<section class="newsletter">
<div>
<h3><b>Хиты продаж</b></h3>
</div>
</section>
<section class="featured">
<div class="containers2">
{% FOR index_page_favorites_goods %}
<div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
<div style="width: 193px;position: relative;overflow:hidden;">
<a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<h3><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h3>
<div class="price">
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_favorites_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}

{% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{index_page_favorites_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo; в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
{% ENDFOR index_page_favorites_goods %}
</div>
</section>
<div class="clear"></div>
{% ENDIF %}
<!-- Список хитов продаж на главной -->

{% ENDIF %}
<!-- /Главная страница -->
<!-- Nyvo слайдер который отображается на главной -->

{% IF index_page %}

<!-- Обёртка, указывающая стиль темы -->

<div class="theme-default" style="padding: 1em; display: none;">

<!-- Непосредственный код слайдера -->

<div id="slider">

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/LNbs02.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/LN04.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/BR2-60-02.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/BR1-60-02.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/LNbs01.jpg" alt="" /></a>

</div>
</div>

<!-- Запуск слайдера -->

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider().parent().show(); });

</script>

{% ENDIF %}
{BODY}

</div>
<footer>
<div class="container">
<div class="footer">
<ul>
{% FOR menu %}
{% FOR footer %}
{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div class="clear"></div>
</div>


</section>
<div class="networks">
<section class="vcard">
<h4>Информация о компании</h4>
<p>Название компании ООО<br />
Зарегистрирована в России<br />
Регистрационный номер: 05968981.<br />
НДС: 00120898409</p>
</section>
<div class="newsletter">
<p class="a-center" style="text-align: center;">
&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br />{SETTINGS_STORE_ORG_NAME}<br />
<span>Все права защищены</span><br />
{SETTINGS_STORE_REGION}<br />
{SETTINGS_STORE_HTML_CODE}<br />
<span>{COPYRIGHT_FOR_DESIGN_ETERNITY}</span>
<span></span><br />
<br />
</p>
</div>
</div>
</div>
</footer>

<a href='#' id='Go_Top'>
<img src="{ASSETS_IMAGES_PATH}img_top.png" class="img_top" alt="Наверх" />
<span>Наверх</span>
</a>
</div>
</body>
</html>


#24 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 317 сообщений

Отправлено 01 Июнь 2014 - 23:49

Screenshot_3.png Все сделала. Не дает сохранить изменения. Пишет "Ошибка компеляции шаблона. Неверный синтаксис. Неожиданный тег "ENDIF". Строка 21".
Что делать? Спасибо.

#25 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 665 сообщений

Отправлено 03 Июнь 2014 - 01:11

У вас в браузере стоит переводчик по умолчанию, но переводит код на русский при вставки скопированного, что делать нельзя.
Воспользуйтесь для изменений другим браузером.

#26 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 317 сообщений

Отправлено 03 Июнь 2014 - 12:01

Screenshot_1.jpg Спасибо, помогло (просто убрала автоматический перевод). Но хотелось бы, чтоб каталог-аккордеон не закрывал на страницах часть информации и подвал, а был левой колонкой в блоке основной информации (между шапкой и подвалом) на всех страницах.

#27 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 04 Июнь 2014 - 03:51

Найдите в вашем файле стилей style.css код

.box {
  background: #ebfdf0;
  border: 1px solid #ccc;
  font-size: 1.4em;
  padding: 25px;
  position: absolute;
  text-align: center;
  z-index: 1000;
}

и его замените на

.box {
  background: #ebfdf0;
  border: 1px solid #ccc;
  float: left;
  font-size: 1.4em;
  margin: 0 20px 0 10px;
  padding: 25px;
  text-align: center;
  z-index: 1000;
}


#28 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 317 сообщений

Отправлено 04 Июнь 2014 - 19:52

Screenshot_16.jpg Screenshot.jpg Здравствуйте! К сожалению не помогло. Получилось обтекание аккордеона контентом.
Весь контент страниц (кроме аккордеона) завернула в div style="все" (css стр.247. и 517). Так уже лучше, но несколько вопросов: как "причесать" карточку товара - она вся развалилась - "сопутствующие" и "недавно просмотренные" ушли вниз.

Можно это все сделать покомпактнее, как на приложенном скриншоте?

После вставки аккордеона (только сейчас заметила) просмотр "сопутствующих" и "недавно просмотренных" товаров перестал просматриваться как слайдер - просто тянется вниз "колбасой".

А также дополнительные фото товара перестали показываться в основном окне карточки - только, когда по ним щелкаешь, тогда в отдельном окне. Можно это как-то вернуть?
В приложении как было и как хотелось бы. Спасибо.

#29 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 317 сообщений

Отправлено 06 Июнь 2014 - 09:54

Ответьте, пожалуйста))

#30 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 06 Июнь 2014 - 11:20

Просмотр сообщенияНовичок Ю (06 Июнь 2014 - 09:54) писал:

Ответьте, пожалуйста))
Здравствуйте найдите в шаблне Товар
Скрытый текст
и вставьте его после
<a  itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}"  class="main"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}"  class="main"/></a>
				  {% ENDIF %}
		</td>






Темы с аналогичным тегами Меню, изменение цвета при наведении

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных