Romashkino (19 Февраль 2014 - 17:15) писал:
помогите, пожалуйста, решить несколько задач в шаблоне радость, магазин 273489.
1. можно ли сделать вместо кружочков в каталоге - плюсики для развертывания раздела каталога?
2. как сделать так, чтобы при переходе на новые страницы показывался логотип (иными словами убрать из адресной строки #content)
3. можно ли в каталоге сделать отображение только в строчку (убрать выбор между вариантами отображения)?
4. тут возможно повторюсь и заранее извиняюсь, но можно ли как-то выровнять блоки с товарами как, например, в шаблоне сияние?
5. можно ли фон сделать неподвижным? т.е. чтобы только контент двигался, а фон был на одном и том же уровне?
заранее большое спасибо!
Здравствуйте
2. Редактируем шаблон HTML
Находим
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}#content" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>Заменяем на
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
3. Редактируем main.css
Находим
#content .cort .right { float: right; }Заменяем на
#content .cort .right { float: right; display: none; }
Находим
#content .cort .left { float: left; color: #999; }Заменяем на
#content .cort .left { float: left; color: #999; padding-bottom: 10px; }
4. Находим
.goodstable .maingoodstable .img { width: 91%; margin-bottom: 3%; margin: 0 auto; height: auto; }Заменяем на
.goodstable .maingoodstable .img { width: 91%; margin-bottom: 3%; margin: 0 auto; height: 200px; }
Находим
.goodstable .maingoodstable .text { background: url({ASSETS_IMAGES_PATH}goods-table-text.jpg) bottom center no-repeat; color: #7f7f7f; padding: 0 1% 8% 0; line-height: 14px; overflow: hidden; display: block; height: 20px; }Заменяем на
.goodstable .maingoodstable .text { background: url({ASSETS_IMAGES_PATH}goods-table-text.jpg) bottom center no-repeat; color: #7f7f7f; padding: 0 1% 8% 0; line-height: 14px; overflow: hidden; display: block; height: 20px; }
1. Загружаем файл plus.png к себе на сайт через Сайт - Редактор шаблонов - Добавить файлы
Далее редактируем main.css
Находим
.block .main.ullinks li a { background:url({ASSETS_IMAGES_PATH}range-black.png) #f6f4eb center right no-repeat; padding: 0.4em 1.4em 0.4em 0.8em; color:#707070; display:block; text-decoration:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .block .main.ullinks li a:hover { background:url({ASSETS_IMAGES_PATH}range-white.png) #be91cf center right no-repeat; color:#fff; }
Заменяем на
.block .main.ullinks li a { background:url({ASSETS_IMAGES_PATH}plus.png) #f6f4eb center right no-repeat; padding: 0.4em 1.4em 0.4em 0.8em; color:#707070; display:block; text-decoration:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .block .main.ullinks li a:hover { background:url({ASSETS_IMAGES_PATH}plus.png) #be91cf center right no-repeat; color:#fff; }