- Форум владельцев интернет-магазинов
- → Публикации pin
Публикации pin
51 публикаций создано pin (учитываются публикации только с 23-Сентябрь 23)
#101742 Как Изменить Кнопки Меню И Категорий?
Отправлено от pin в 09 Ноябрь 2013 - 12:43 в Каталог товаров
Главная
О нас
Услуги компании
Услуги
Цена на монтаж
Акции
Акция на монтаж
Доставка
Контакты
#101806 Как Изменить Кнопки Меню И Категорий?
Отправлено от pin в 09 Ноябрь 2013 - 16:55 в Каталог товаров
Спасибо!
#118585 Центрирование Футера
Отправлено от pin в 29 Январь 2014 - 17:17 в Изменение общей стилистики
Аккаунт SL-31080
#118589 Центрирование Футера
Отправлено от pin в 29 Январь 2014 - 17:32 в Изменение общей стилистики
#118624 Центрирование Футера
Отправлено от pin в 29 Январь 2014 - 20:39 в Изменение общей стилистики
Помогите мне пожалуйста!
Спасибо!
#119094 Как Изменить Кнопки Меню И Категорий?
Отправлено от pin в 31 Январь 2014 - 18:45 в Каталог товаров
#119182 Как Изменить Кнопки Меню И Категорий?
Отправлено от pin в 01 Февраль 2014 - 11:47 в Каталог товаров
Хочется чтобы возле каждой категории были разные иконки. например:
Сплит системы фото настенного кондиционера
Мобильные кондиционеры фото мобильного кондиционера. и.т.д.
#119391 Общий Фильтр
Отправлено от pin в 02 Февраль 2014 - 15:29 в Каталог товаров
#119402 Общий Фильтр
Отправлено от pin в 02 Февраль 2014 - 16:00 в Каталог товаров
#119428 Помогите С Установкой Jquery Меню
Отправлено от pin в 02 Февраль 2014 - 18:29 в Каталог товаров
Koderhan (16 Декабрь 2012 - 10:56) писал:
Загрузить файлы из архива на сайт в редактор тем.
http://auth.storelan.../site_templates
Подключим файл стилей.
Открыть файл "HTML".
До кода "</head>".
Вставить:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}menuhover.css" type="text/css" />Теперь создадим страницу.
http://auth.storelan...dmin/site_pages
Создать страницу.
Нажать в правом углу панели инструментов редактора кнопку "HTML".
В появившийся редактор HTML-кода вставить:
<div> <ul class="mh-menu"> <li><a href="#"><span>Art Director</span> <span>Henry James</span></a><img src="адрес до изображения" alt="image01" /></li> <li><a href="#"><span>Production Coordinator</span> <span>Francis Morgan</span></a><img src="адрес до изображения" alt="image02" /></li> <li><a href="#"><span>Sound</span> <span>Kevin Schneider</span></a><img src="адрес до изображения" alt="image03" /></li> <li><a href="#"><span>Casting</span> <span>Benjamin Zakalis</span></a><img src="адрес до изображения" alt="image04" /></li> </ul> </div>На место текста "адрес до изображения" вставить полные пути до ваших изображений.
Теперь осталось добавить страницу в меню.
http://fullon.storel...dmin/site_menus
Добавить новый пункт меню.
Выбрать в качестве страницы вашу созданную страницу.
В вашем случае можно удалить пункт "Каталог товаров" и добавить на его место свой пункт меню.
Здравствуйте! Я попробовал, вот что у меня получилось. Помогите мне пожалуйста.
#119962 Танцующее Меню На Jquery
Отправлено от pin в 05 Февраль 2014 - 13:47 в Изменение общей стилистики
#119976 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 05 Февраль 2014 - 14:48 в Изменение общей стилистики
#120037 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 05 Февраль 2014 - 17:39 в Изменение общей стилистики
@lina_va (05 Февраль 2014 - 16:37) писал:
2) В html после :
<body>добавляем:
<div id="mainNav2"> <table style="width: 100%;"> <tr> {% FOR menu %} {% FOR header2 %} {% FOR links %} <td {% IF menu.header2.links.first %}class="first2"{% ELSEIF menu.header2.links.last %}class="last"{% ENDIF %} style="background: #2f8bba url('http://www.airfresh.ru/images/main_menu_bg.gif') repeat-x; border: 1px solid #020202;"> <div> <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected2"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %} style= "font-size: 30px; padding-left: 180px; text-align: left; color: white;">{menu.header2.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div> </div> </div>3) Добавляем в main.css в конце:
#mainNav2 { padding-left: 5px; padding-right: 5px; } .first2 { border: 1px solid #020202; }3) результат на скрине 2
Я всделал как Вы сказали но у меня что-то не так. Не появилась менюшка ни в админке ни на сайте. Помогите!
#120050 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 05 Февраль 2014 - 18:36 в Изменение общей стилистики
@lina_va (05 Февраль 2014 - 16:37) писал:
2) В html после :
<body>добавляем:
<div id="mainNav2"> <table style="width: 100%;"> <tr> {% FOR menu %} {% FOR header2 %} {% FOR links %} <td {% IF menu.header2.links.first %}class="first2"{% ELSEIF menu.header2.links.last %}class="last"{% ENDIF %} style="background: #2f8bba url('http://www.airfresh.ru/images/main_menu_bg.gif') repeat-x; border: 1px solid #020202;"> <div> <a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected2"{% ENDIF %} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %} style= "font-size: 30px; padding-left: 180px; text-align: left; color: white;">{menu.header2.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div> </div> </div>3) Добавляем в main.css в конце:
#mainNav2 { padding-left: 5px; padding-right: 5px; } .first2 { border: 1px solid #020202; }3) результат на скрине 2
У меня получилось!!! только я не знаю как установить туда каталоги ВЕНТЕЛЯЦИБ и ОТОПЛЕНИЯ Помогите мне пожалуйста.
#120057 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 05 Февраль 2014 - 18:57 в Изменение общей стилистики
#120064 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 05 Февраль 2014 - 19:17 в Изменение общей стилистики
Castiel (05 Февраль 2014 - 18:59) писал:
#120072 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 05 Февраль 2014 - 19:26 в Изменение общей стилистики
#120213 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 06 Февраль 2014 - 10:29 в Изменение общей стилистики
Castiel (05 Февраль 2014 - 20:57) писал:
Находим раздел Каталог товаров на сайте
В нем добавляем новый каталог и в него переносим все необходимые товары
Здравствуйте! а как сделать так чтобы при нажатие на вентиляцию был только каталог вентиляции а каталог кондиционеры исчезал?
#120228 Помогите Разобраться С Некоторыми Вопросами
Отправлено от pin в 06 Февраль 2014 - 11:18 в Изменение общей стилистики
Castiel (05 Февраль 2014 - 20:57) писал:
Находим раздел Каталог товаров на сайте
В нем добавляем новый каталог и в него переносим все необходимые товары
Я нашел вариеант, Можно сделать каталоги как на этом сайте http://www.imperiale...onery/nastennye ?
#120234 Изменение Каталога
Отправлено от pin в 06 Февраль 2014 - 11:39 в Каталог товаров
#120670 Изменение Каталога
Отправлено от pin в 08 Февраль 2014 - 17:24 в Каталог товаров
#120672 А Можно Поменять Верхнее Меню С Каталогом Местами
Отправлено от pin в 08 Февраль 2014 - 17:47 в Вопросы общие для всех шаблонов
support (17 Март 2011 - 22:39) писал:
Шаг первый. HTML код
<!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul id="nav">{% ENDIF %} <li class=" level{catalog_full.LEVEL} nav-{catalog_full.index} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} "> <a href="{catalog_full.URL}"><span>{catalog_full.NAME}</span></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%} {%ENDIF%} <!-- /Каталог товаров -->
Это код вечный его можно будет больше никогда не трогать, подойдет для любых дизайн шаблонов.
Шаг второй. JS код
Как только допишете вот такой javascript код например в файл main.js:
$(document).ready(function(){ // Действие при наведении на меню категорий, для возможности отображения вложенного подменю $('#nav li').hover( function () { $(this).addClass('over'); }, function () { $(this).removeClass('over'); } ); });
К категориям на которые Вы наводите начнёт дописываться специальный стиль, который позволит отображать вложенные категорий в ту на которую навели курсор. При уходе мышки с этой категории соответственно этот стиль будет убираться и её можно будет легко скрыть.
Шаг третий. CSS стили
Остался один финальный шаг, который будет самым легко настраиваемым. Подобными стилями можно скрыть все вложенные в корневые категории и настроить вид отображения как захочется. Хоть боковым меню, хоть нижним, хоть верхним.
Вот пример CSS стилей для размещения вышеуказанного меню слева на сайте и выдачи списка подкатегорий при наведении на категорию. Вложенность сами понимаете не ограниченная:
#nav{padding:0 0 32px 7px; margin:0; font-size:20px;} /* Все уровни */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:999; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1й уровень вложенности */ #nav li {} #nav li a{padding:0 0 0; font-weight:bold; color:#CDCDCD; line-height:normal;} #nav li a:hover { color:#333333; } #nav li.over a, #nav li.active a { color:#333333; } /* 2й уровень вложенности */ #nav ul { position:absolute; width:15em; top:0px; left:-10000px; border:0; padding:0; background:#B2B2B2; font-size:12px;} #nav ul li { float:none; border-bottom:1px solid #FFF; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#050505 !important; } #nav ul li a:hover { color:#FFF !important; background:#333333; } #nav ul li.active a, #nav ul li.over a { color:#FFF !important; background:#333333; } /* 3й и последующие уровни... Можно писать таких стилей сколько угодно, до бесконечности... */ #nav ul ul { top:0px; } /* Видимое меню */ #nav li.over ul { left:200px; } #nav li.over ul li.over ul { left:15em; } #nav li.over ul ul { left:-10000px; } #nav li.over .indent-class{margin-left:230px;} /********** Navigation > */
Теперь для написания CSS стиля именно для вашего случая, где меню будет вываливаться сверху, лучше всего будет определиться с тем какой дизайн шаблон мы используем и сразу написать css стили для него, дабы не делать лишней работы
В случае с верхнем меню, мы его так же перенесём вбок после определения какой дизайн шаблон требуется изменить.
#120689 Изменение Каталога
Отправлено от pin в 08 Февраль 2014 - 19:37 в Каталог товаров
@lina_va (08 Февраль 2014 - 19:24) писал:
В шаблоне товары замените:
<!-- Список товаров --> <tr> <td colspan="2"> <table style="padding:0px;margin:0px;"> <tr> <!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->
на
<!-- Список товаров --> <tr> <td colspan="2"> <table style="padding:0px;margin:0px;"> <tr> <!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <h3 class="goodsListItemName"><a href="{goods.URL}" style="float: left;">{goods.NAME}</a></h3> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <!-- <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> --> <div class="goodsListItemPriceNew"> <p style="float: left;"> Цена: </p> <a href="{goods.URL_MIN_PRICE_NOW}" style= "margin-top: 10px; float: left;" >{goods.MIN_PRICE_NOW | money_format}</a> </div> <!-- <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT} class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>--> <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div style="padding-bottom:1em;"> <input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> </div> {% ENDIF %} <div class="goodsDataMainModificationAvailable" style="margin-left: -150px; margin-top: 18px; float: left;"> <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;" {% ENDIF %}>Товар есть в наличии</div> <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;{% ENDIF %}>Товара нет в наличии</div> </div> <input type="submit" value="Положить в корзину" style="left: 19px; top: 37px;" /> </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->в main.css добавьте:
.button.goodsDataCompareButton.add.ui-button.ui-widget.ui-state-default.ui-corner-all { width: 145px!important; font-size: 10px; float: left; } .ui-button.ui-widget.ui-state-default.ui-corner-all{ width: 145px!important; font-size: 10px; float: left; }и заменяем:
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }на
.goodsListItemBlock { width: 320px; height: 230px; margin: 5px; overflow: hidden; }на скрине то, что должно получится
Спасибо! у меня всё получилось, только не ровно. помогите мне выронить описания и уменьшать количество товаров по ширине страницы, в место 4 шт. надо 3.
#121049 А Можно Поменять Верхнее Меню С Каталогом Местами
Отправлено от pin в 11 Февраль 2014 - 13:24 в Вопросы общие для всех шаблонов
- Форум владельцев интернет-магазинов
- → Публикации pin
- Privacy Policy