0
Изменить Каталог (Над Шапкой И Подвал)
Автор grappp, 25 сент. 2014 13:14
Сообщений в теме: 13
#1
Отправлено 25 Сентябрь 2014 - 13:14
Здравствуйте, подскажите, пожалуйста как перенести каталог из левого меню над шапку.
Каждой категории присвоить картинку.
Примерно как тут:
И как можно каталог разделить. Например, что бы в шапке (как в примере выше) отображалось 5ть разделов, а в подвале (как в примере ниже) уже все разделы.
И подскажите, пожалуйста, как можно сделать такой подвал:
Заранее спасибо за помощь.
Каждой категории присвоить картинку.
Примерно как тут:
И как можно каталог разделить. Например, что бы в шапке (как в примере выше) отображалось 5ть разделов, а в подвале (как в примере ниже) уже все разделы.
И подскажите, пожалуйста, как можно сделать такой подвал:
Заранее спасибо за помощь.
#2
Отправлено 26 Сентябрь 2014 - 01:11
про каталог вам ответили в другой теме, уточните пожалуйста на счет подвала, какие блоки помимо каталога там будут располагаться?
#3
Отправлено 26 Сентябрь 2014 - 01:37
Vaccina (26 Сентябрь 2014 - 01:11) писал:
про каталог вам ответили в другой теме, уточните пожалуйста на счет подвала, какие блоки помимо каталога там будут располагаться?
Хотелось бы 4ри блока
1 блок (название магазина)
- О Нас
- Связь с нами
- Новости
- Акции
- Карта сайта
2 блок (Клиенту)
- Личный кабинет
- Оплата
- Доставка
3 блок (Бренды)
"тут идут бренды" (разделы каталога, которые не вошли в шапку)
4 блок (Мы в социальных сетях)
#4
Отправлено 26 Сентябрь 2014 - 01:47
В шаблоне HTML найдите:
замените на:
далее в шаблоне main,css добавьте:
также в разделе Сайт - Меню - создайте блок меню с переменной footer2 и добавьте необходимые ему пункты(он отвечает за блок "клиентам")
<!-- Подвал --> <div id="footer"> <div id="main"> <div class="menufooter"> <ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="copyring"> <p>© {DATE_YEAR} {SETTINGS_STORE_NAME}. <br />{SETTINGS_STORE_ORG_NAME}.</p> </div> </div> </div> <!-- Подвал-Конец -->
замените на:
<!-- Подвал --> <div id="footer"> <div class="column"> <h3>Заголовок</h3> <ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="column"> <h3>Заголовок</h3> <ul> {% FOR menu %} {% FOR footer2 %} {% FOR links %}<li {% IF menu.footer2.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="column"> <h3>Заголовок</h3> <ul> {% IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li style="{% IF catalog.LEVEL>0%}displai:none;{% ENDIF %}"><a href="{catalog.URL}">{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="column"> <h3>Заголовок</h3> <a href="ссылка на группу\страницу"><img src="ссылка на картинку соц сети" alt="" /> </div> </div> <!-- Подвал-Конец -->
далее в шаблоне main,css добавьте:
#footer .column{ display:inline-block; width:20%; margin:0 2% } #footer .column h3{ font-size:16px; font-weight:bold; }
также в разделе Сайт - Меню - создайте блок меню с переменной footer2 и добавьте необходимые ему пункты(он отвечает за блок "клиентам")
#7
Отправлено 26 Сентябрь 2014 - 12:20
Так, блоки выровнял сам )
А как вообще убрать эту серую подложку в футере? И между блоками добавить графический разделитель.
А как вообще убрать эту серую подложку в футере? И между блоками добавить графический разделитель.
#9
#10
Отправлено 26 Сентябрь 2014 - 12:50
У меня такого кода вообще не было )
Я его добавил просто и все стало ОК.
Спасибо большое!
Я его добавил просто и все стало ОК.
Спасибо большое!
#12
Отправлено 26 Сентябрь 2014 - 14:09
grappp (26 Сентябрь 2014 - 13:38) писал:
Здравствуйте. В main.css замените
#footer .column h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }на
#footer .column h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; color: red; }затем в конец main.css добавьте
#footer .column a { color: red; }и редактируя параметр color: red; выберите нужный цвет.Полоску в нижней части сайта убрать не получится, единственное, что можно сделать - удалить в main.css
#backtop { background: url(http://design.aquaink.ru/bgout.jpg) bottom center no-repeat fixed; }
либо отредактировать bgout.jpg так, чтобы эта полоса не была так заметна.
#13
Отправлено 26 Сентябрь 2014 - 17:29
Alekseys (26 Сентябрь 2014 - 14:09) писал:
Полоску в нижней части сайта убрать не получится, единственное, что можно сделать - удалить в main.css
либо отредактировать bgout.jpg так, чтобы эта полоса не была так заметна.
#backtop { background: url(http://design.aquaink.ru/bgout.jpg) bottom center no-repeat fixed; }
либо отредактировать bgout.jpg так, чтобы эта полоса не была так заметна.
Вы меня видимо не поняли )
Полоса не имеет отношения (как мне кажется) к слою bgout.jpg
Смотрите, если я чуть чуть поднимаю прокрутку, то полоса исчезает и под ней как раз bgout.jpg а вот если прокрутить до самого конца то она вытягивается от куда-то.
И это точно не bgout.jpg, так как у меня фон закреплен.
На скринах видно:
#14
Отправлено 26 Сентябрь 2014 - 18:27
grappp (26 Сентябрь 2014 - 17:29) писал:
Вы меня видимо не поняли )
Полоса не имеет отношения (как мне кажется) к слою bgout.jpg
Смотрите, если я чуть чуть поднимаю прокрутку, то полоса исчезает и под ней как раз bgout.jpg а вот если прокрутить до самого конца то она вытягивается от куда-то.
И это точно не bgout.jpg, так как у меня фон закреплен.
На скринах видно:
1.png
2.png
Полоса не имеет отношения (как мне кажется) к слою bgout.jpg
Смотрите, если я чуть чуть поднимаю прокрутку, то полоса исчезает и под ней как раз bgout.jpg а вот если прокрутить до самого конца то она вытягивается от куда-то.
И это точно не bgout.jpg, так как у меня фон закреплен.
На скринах видно:
1.png
2.png
#backtop { background: url(http://design.aquaink.ru/bgout.jpg) bottom center no-repeat fixed; }на
#backtop { background: url(http://design.aquaink.ru/bgout.jpg) bottom center no-repeat fixed; padding-bottom: 1px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных