Полное Изменение Дизайна Мокко
#1
Отправлено 20 Декабрь 2012 - 16:40
У меня несколько вопросов. на которые мне очень хочется найти ответы, а лазить по 1000 темам не очень хочется, надеюсь Вы мне ответите на всё.
1. Фиксированная корзина (чтобы она могла ездить вместе с прокруткой окна)
2. Стрелка "вверх", чтобы с самого низа страницы можно было подняться на самый верх.
3. Резиновый форум, что именно необходимо поменять в коде.
4. Замена главного меню, необходимо сдвинуть на середину, и в дальнейшем поместить его на ленту.
5. Изменение бокового меню, необходимо чтобы главные категории были одного цвета, а подкатегории другого.
6. При отображении товара в каталоге, необходимо добавить кнопку купить.
Дизайн стоит Мокко без каких-либо изменений.
С ув. Таисия.
#2
Отправлено 20 Декабрь 2012 - 17:16
tega4 (20 Декабрь 2012 - 16:40) писал:
У меня несколько вопросов. на которые мне очень хочется найти ответы, а лазить по 1000 темам не очень хочется, надеюсь Вы мне ответите на всё.
1. Фиксированная корзина (чтобы она могла ездить вместе с прокруткой окна)
2. Стрелка "вверх", чтобы с самого низа страницы можно было подняться на самый верх.
3. Резиновый форум, что именно необходимо поменять в коде.
4. Замена главного меню, необходимо сдвинуть на середину, и в дальнейшем поместить его на ленту.
5. Изменение бокового меню, необходимо чтобы главные категории были одного цвета, а подкатегории другого.
6. При отображении товара в каталоге, необходимо добавить кнопку купить.
Дизайн стоит Мокко без каких-либо изменений.
С ув. Таисия.
1. зайдите в файл mailn.css и найдите блок (361 строка)
#cartInfo { position:absolute; font-size: 13px; bottom: 6px; right: 10px; white-space:nowrap; }
замените его на
#cartInfo { position: fixed; font-size: 13px; top: 130px; right: 10px; white-space:nowrap; }
2. Стрелочку вверх Вы можете сделать руководствуясь данной инструкцией
3. Я немного не поняла что Вы имеете ввиду. Про какой форум Вы говорите? Опишите, пожалуйста поподробнее
4. Найдите в файле main.css блок
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("/web/upload/assets/images/152/151370/nav_bg.jpg") no-repeat;}
и замените на
#mainNav {position: absolute; left: 18%; <!-- отступ слева в процентах --> bottom: 0; height: 35px; background: url("/web/upload/assets/images/152/151370/nav_bg.jpg") no-repeat;}
Также не поняла на какую ленту Вы хотите поместить меню
#3
Отправлено 20 Декабрь 2012 - 20:38
support 2.0 (20 Декабрь 2012 - 17:16) писал:
support 2.0 (20 Декабрь 2012 - 17:16) писал:
А как сделать это?
5. Изменение бокового меню, необходимо чтобы главные категории были одного цвета, а подкатегории другого.
6. При отображении товара в каталоге, необходимо добавить кнопку купить.
#4
Отправлено 21 Декабрь 2012 - 01:36
Цитата
Тему которую вы используете имеет фиксированную верстку, и сделать из данной темы резиновую верстку - не представляется возможным. Попробуйте использовать тему "Лайт".
Цитата
Цитата
Цитата
Пожалуйста, сообщите какую все же тему вы будете использовать в дальнейшем, так как судя по вопросу
Цитата
Сообщите какую тему вы будете использовать, и мы поможем вам в решении ваших вопросов для данной темы.
#5
Отправлено 21 Декабрь 2012 - 09:36
Vaccina (21 Декабрь 2012 - 01:36) писал:
а по поводу ленты вот шаблон того, что должно получиться:
а использовать буду шаблон Мокко, он более практичен в плане внесения каких-либо изменений.
#6
Отправлено 21 Декабрь 2012 - 14:05
tega4 (21 Декабрь 2012 - 09:36) писал:
а по поводу ленты вот шаблон того, что должно получиться: сайт.jpg
а использовать буду шаблон Мокко, он более практичен в плане внесения каких-либо изменений.
Сверстать магазин именно с такими видом вам могут помочь профессиональные верстальщики.
#7
Отправлено 18 Октябрь 2013 - 13:39
1) убрать фон кнопок, кнопки поднять, поменять шрифт и цвет на белый и после наведения на оранжевый?
2) удалить каталог товаров с главной страницы
3) убрать корзину с главной страницы
http://dis.storeland.ru/
#8
Отправлено 18 Октябрь 2013 - 13:39
DIS (18 Октябрь 2013 - 13:39) писал:
1) убрать фон кнопок, кнопки поднять, поменять шрифт и цвет на белый и после наведения на оранжевый?
2) удалить каталог товаров с главной страницы
3) убрать корзину с главной страницы
Пожалуйста, не могли бы сказать адрес вашего магазина или номер аккаунта.
#9
Отправлено 18 Октябрь 2013 - 13:46
Koderhan (18 Октябрь 2013 - 13:39) писал:
#10
Отправлено 18 Октябрь 2013 - 14:17
DIS (18 Октябрь 2013 - 13:46) писал:
Добрый день, чтобы убрать каталог и корзину с главной страницы, необходимо заключить в
{% IFNOT index_page %} блок {% ENDIF %}следующие блоки
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->и
<!-- Корзина --> <div id="cartInfo"> <a href="{CART_URL}">в корзине товаров на</a>: <span id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br /> {% ENDFOR %} {% ENDIF %} </span> </div> <!-- end Корзина -->
И уточните, пожалуйста, о каких кнопках идет речь.
#11
Отправлено 18 Октябрь 2013 - 14:22
ne_yana (18 Октябрь 2013 - 14:17) писал:
{% IFNOT index_page %} блок {% ENDIF %}следующие блоки
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->и
<!-- Корзина --> <div id="cartInfo"> <a href="{CART_URL}">в корзине товаров на</a>: <span id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br /> {% ENDFOR %} {% ENDIF %} </span> </div> <!-- end Корзина -->
И уточните, пожалуйста, о каких кнопках идет речь.
2) и как сделать что бы текст был по шире не шапки?
#12
Отправлено 18 Октябрь 2013 - 15:47
DIS (18 Октябрь 2013 - 14:22) писал:
2) и как сделать что бы текст был по шире не шапки?
В файле main.css замените
#mainNav { position: absolute; left: 5px; bottom: 0; height: 35px; background: url("http://dis.storeland.net/nav_bg.jpg") no-repeat; }на
#mainNav { position: absolute; left: 5px; bottom: 33px; height: 35px; background: url("http://dis.storeland.net/nav_bg.jpg") no-repeat; }
#mainNav table { float: left; border-collapse: collapse; border-spacing: 0; background: url("http://dis.storeland.net/nav_bg_right.gif") no-repeat bottom right; padding: 5px 5px 0 0; height: 30px; margin: auto; }на
#mainNav table { float: left; border-collapse: collapse; border-spacing: 0; padding: 5px 5px 0 0; height: 30px; margin: auto; }
Чтобы изменить фон кнопок замените
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #666; padding: 4px 10px 0 10px; background: url("http://design.development-of-investment-succes.ru/nav_item_bg.gif") repeat-x bottom left; }на
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #FFF; padding: 4px 10px 0 10px; background: #938D8D; }
Для изменения ссылки после наведения поменяйте поле color в
a:link, a:visited { color: #D0431D; text-decoration: none; }
#13
Отправлено 18 Октябрь 2013 - 18:09
ne_yana (18 Октябрь 2013 - 15:47) писал:
#mainNav { position: absolute; left: 5px; bottom: 0; height: 35px; background: url("http://dis.storeland.net/nav_bg.jpg") no-repeat; }на
#mainNav { position: absolute; left: 5px; bottom: 33px; height: 35px; background: url("http://dis.storeland.net/nav_bg.jpg") no-repeat; }1) На сайте текст вкривь,
2) как поправить и как можно все таки поменять на цвет кнопок верхнего меню до и после наведения
#mainNav table { float: left; border-collapse: collapse; border-spacing: 0; background: url("http://dis.storeland.net/nav_bg_right.gif") no-repeat bottom right; padding: 5px 5px 0 0; height: 30px; margin: auto; }на
#mainNav table { float: left; border-collapse: collapse; border-spacing: 0; padding: 5px 5px 0 0; height: 30px; margin: auto; }
Чтобы изменить фон кнопок замените
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #666; padding: 4px 10px 0 10px; background: url("http://design.development-of-investment-succes.ru/nav_item_bg.gif") repeat-x bottom left; }на
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #FFF; padding: 4px 10px 0 10px; background: #938D8D; }
Для изменения ссылки после наведения поменяйте поле color в
a:link, a:visited { color: #D0431D; text-decoration: none; }
2) как поправить и как можно все таки поменять на цвет кнопок верхнего меню до и после наведения
#14
Отправлено 18 Октябрь 2013 - 18:57
DIS (18 Октябрь 2013 - 18:09) писал:
2) как поправить и как можно все таки поменять на цвет кнопок верхнего меню до и после наведения
Замените
<td id="leftMenuBlockWrap">на
<td id="leftMenuBlockWrap" {%IF index_page %} style="display:none;" {% ENDIF %}>
Цвет ссылок изменяется в
#mainNav table td div a.selected, #mainNav table td div a:hover, #mainNav table td div a:active { color: #D0431D; text-decoration: none; background-position: bottom right; }
#15
Отправлено 19 Октябрь 2013 - 10:06
ne_yana (18 Октябрь 2013 - 14:17) писал:
{% IFNOT index_page %} блок {% ENDIF %}следующие блоки
<!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог -->и
<!-- Корзина --> <div id="cartInfo"> <a href="{CART_URL}">в корзине товаров на</a>: <span id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br /> {% ENDFOR %} {% ENDIF %} </span> </div> <!-- end Корзина -->
И уточните, пожалуйста, о каких кнопках идет речь.
#16
Отправлено 19 Октябрь 2013 - 10:34
DIS (19 Октябрь 2013 - 10:06) писал:
Найдите код в шаблоне HTML -
{% IFNOT index_page %} <!-- Каталог --> <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> <!-- end Каталог --> {% ENDIF %}и замените на -
<!-- Каталог <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4> <ul id="subNavigation"> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> end Каталог -->
Далее найдите код -
{% IFNOT index_page %} <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4> <div class="contentTbodyCompare"> {%IF COMPARE_GOODS_COUNT=0 %} <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em> {% ELSE %} <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br /> <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> <!-- Последние товары, просмотренные пользователем --> {% IFNOT recently_viewed_goods_empty %} <br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4> <div class="contentTbodyRecentlyViewed"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} <tr class="alignLeft {% IF recently_viewed_goods.last %}last{% ENDIF %}"> <td class="img txtalgncnt"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a> </td> <td class="link statetitle fnt12n txtalgnlft"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a> </td> </tr> {% ENDFOR %} </table> </div> {% ENDIF %} <!-- Последние товары, просмотренные пользователем --> {% ENDIF %}
и замените на -
<!-- Если в тарифном плане подключен модуль сравнения товаров {% IF TARIFF_FEATURE_GOODS_COMPARE %} Если не выключен модуль сравнения товаров, то покажем этот блок {% IFNOT SETTINGS_COMPARE_DISABLE %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4> <div class="contentTbodyCompare"> {%IF COMPARE_GOODS_COUNT=0 %} <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em> {% ELSE %} <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br /> <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} END Если в тарифном плане подключен модуль фильтров по товарам Последние товары, просмотренные пользователем {% IFNOT recently_viewed_goods_empty %} <br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4> <div class="contentTbodyRecentlyViewed"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} <tr class="alignLeft {% IF recently_viewed_goods.last %}last{% ENDIF %}"> <td class="img txtalgncnt"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a> </td> <td class="link statetitle fnt12n txtalgnlft"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a> </td> </tr> {% ENDFOR %} </table> </div> {% ENDIF %} Последние товары, просмотренные пользователем -->
#17
Отправлено 20 Октябрь 2013 - 13:36
ne_yana (18 Октябрь 2013 - 18:57) писал:
<td id="leftMenuBlockWrap">на
<td id="leftMenuBlockWrap" {%IF index_page %} style="display:none;" {% ENDIF %}>
Цвет ссылок изменяется в
#mainNav table td div a.selected, #mainNav table td div a:hover, #mainNav table td div a:active { color: #D0431D; text-decoration: none; background-position: bottom right; }
#18
Отправлено 20 Октябрь 2013 - 17:44
DIS (20 Октябрь 2013 - 13:36) писал:
<td id="leftMenuBlockWrap" {%IF index_page %} style="display:none;" {% ENDIF %}>замените на эту
<td id="leftMenuBlockWrap" style="display:none;">Это скроет левый столбец на всех страницах, и содержание основного контента станет на всю ширину страницы.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных