0
Редактировать Вид Товаров В Категории
Автор agentteam, 20 марта 2013 18:29
Сообщений в теме: 15
#1
Отправлено 20 Март 2013 - 18:29
1. Вопрос как в этом шаблоне, уменьшить расстояния между блоками изображение товара - название - цена -купить и подробнее. ?
2. Как сделать четыре товара в ряд вместо 3х ?
3. как меню перенести из левой части на верх в топ правой части?
Заранее спасибо
2. Как сделать четыре товара в ряд вместо 3х ?
3. как меню перенести из левой части на верх в топ правой части?
Заранее спасибо
#2
Отправлено 20 Март 2013 - 18:54
1.В файле "main.css" найдите блок
2. Зайдите в раздел сайт -> редактор тем -> файл bootstrap-responsive.min.cssнайдите строчку
замените ее на
3. Если я правильно вас поняла, то меню можно перенести так:
В шаблоне HTML найдите блок
product-image { vertical-align: middle; text-align: center; padding: 0px; border: 0px solid #E2E2E2; height: 204px; width: 100%; cursor: pointer; }и замените его на
.product-image { vertical-align: middle; text-align: center; padding: 0px; border: 0px solid #E2E2E2; height: 186px; width: 100%; cursor: pointer; }Там же найдите блок
.products-grid li.item { float: left; position: relative; padding: 0px 0px 17px 0px; text-align: center; }и замените его на
.products-grid li.item { float: left; position: relative; padding: 0px 0px 17px 0px; text-align: center; margin-bottom: -108px; }Затем в файле "bootstrap-responsive.min.css" найдите блок
.row-fluid .span12 { width: 100%; }и замените его на
.row-fluid .span12 { width: 100%; margin-top: -18px; }
2. Зайдите в раздел сайт -> редактор тем -> файл bootstrap-responsive.min.cssнайдите строчку
.row-fluid .span3{width:33%;*width:31.570740134569924%}
замените ее на
.row-fluid .span3{width:25%;*width:31.570740134569924%}
3. Если я правильно вас поняла, то меню можно перенести так:
В шаблоне HTML найдите блок
{% FOR menu %} {% FOR footer %} <div class="menu_main"> <a class="link_nav" title="Разделы сайта">Разделы сайта</a> <a title="Разделы сайта" style="text-decoration: none"><h4 class="hidden-phone">Разделы сайта</h4></a> <ul> {% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} </ul> </div> {% ENDFOR %} {% ENDFOR %}и удалите его. Затем сразу же после строки
<!-- Главная страница -->вставьте блок
<div class="containerin" id="top-menu"> <ul class="pad-box cont620" id="mainmenu"> {% 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> <div class="clr"></div> </div> <!-- end Верхний блок навигации --> </div>и файл "main.css" добавьте блок
.pad-box { display: inline; float: left; margin-left: 10px; margin-right: 10px; } /*main menu*/ #top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;} #mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; } #mainmenu li a:hover { background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom; } #mainmenu li a.home {} #langmenu li a { float: right; display: block; height: 40px; width: 40px; }
#3
Отправлено 22 Март 2013 - 18:53
спасибо, все кроме 3его пункта сработало, когда сделал как указано, товары съехали вправо
#4
Отправлено 22 Март 2013 - 18:58
не могли Вы прислать скриншот полученного результата меню или проделать и оставить чтобы мы могли посмотреть что надо исправить.
#5
Отправлено 23 Март 2013 - 11:45
хорошо, с меню позже разберусь и вам напишу. Сейчас другой вопрос.
- в карточке товара строчки друг на друга залезают, как исправить?
- как сделать главное изображение в карточке товара большего размера?
скрин прилагаю
- главное, почему то на одном компьютере в гугл хроме у меня отображаются товары таблицей, а на другом компе отображаются списком, в чем может быть причина?
- в карточке товара строчки друг на друга залезают, как исправить?
- как сделать главное изображение в карточке товара большего размера?
скрин прилагаю
- главное, почему то на одном компьютере в гугл хроме у меня отображаются товары таблицей, а на другом компе отображаются списком, в чем может быть причина?
#6
Отправлено 23 Март 2013 - 11:56
agentteam (23 Март 2013 - 11:45) писал:
хорошо, с меню позже разберусь и вам напишу. Сейчас другой вопрос.
- в карточке товара строчки друг на друга залезают, как исправить?
- как сделать главное изображение в карточке товара большего размера?
скрин прилагаю
- главное, почему то на одном компьютере в гугл хроме у меня отображаются товары таблицей, а на другом компе отображаются списком, в чем может быть причина?
- в карточке товара строчки друг на друга залезают, как исправить?
- как сделать главное изображение в карточке товара большего размера?
скрин прилагаю
- главное, почему то на одном компьютере в гугл хроме у меня отображаются товары таблицей, а на другом компе отображаются списком, в чем может быть причина?
Размеры изображений можно отредактировать в разделе Настройки - Основные - Изображения товаров
Напишите пожалуйста ваш номер аккаунта или адрес вашего магазина
#7
Отправлено 23 Март 2013 - 18:38
sl161094
#8
Отправлено 24 Март 2013 - 10:09
В файле "bootstrap-responsive.min.css" найдите блок
.row-fluid .span12 { width: 100%; margin-top: -18px; }и замените его на
.row-fluid .span12 { width: 100%; margin-top: -1px; }
#13
Отправлено 20 Май 2013 - 14:57
miyako (20 Май 2013 - 14:46) писал:
Сейчас у вас на сайте отображаются изображения корректно, а также нет расстояния между слайдером и верхом сайта
Проблема появляется когда я добавляю доп. меню сверху...
см. пож-та на ту фотку.
Спасибо.
#14
Отправлено 21 Май 2013 - 04:13
на данный момент у вас изменена дизайн-тема, предполагаю, что вопросы неактуальны.
#16
Отправлено 22 Май 2013 - 02:30
установите верхнее меню, чтобы мы могли просмотреть его и проконсультировать вас
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных