- Форум владельцев интернет-магазинов
- → Публикации марик
Публикации марик
73 публикаций создано марик (учитываются публикации только с 25-Апрель 23)
#137698 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 10 Май 2014 - 19:43 в Шаблон Мокко
Помогите, пож-та.
1. Зафиксировать фон шапки. У меня монитор на 17", когда смотрю на ноуте (15) шапка уезжает влево. Надо, чтобы она не отделялась от основной таблицы.
2. баннеры между шапкой и контентом. Подскажите, что я сделала не так? У первого баннера ссылку не видно. Они должны появляться на каждой странице.
3. Как сделать, чтобы на Главной и в Каталоге товары выходили только по 3 штуки и бОльшего размера? Занимали всю ширину таблицы.
4. как разделить левое меню? рисунок
5. не фиксируется Выбор ни на одной странице. Появляется, только при нажатии на него и пропадает. Похоже задела код, но не могу найти где.
сайт: http://magic-jewelry.ru/
#137756 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 11 Май 2014 - 12:36 в Шаблон Мокко
Разделить меню, чтобы отдельно были Каталог товаров, Вы смотрели и все последующие менюшки слева. Между ними пробел, они сами в рамке. Планирую поменять цвет фона.
И еще товаров стало по 3 штуки (спасибо!), а как увеличить их размер? Сделать немного крупнее рисунки, уж больно они мелкие. Например на Главной, чтобы были на ширине слайдера, не просто отодвинуть, а увеличить размер. рисунок
Пока писала, возникло еще 2 вопроса.
1. Надо немного отодвинуть баннеры друг от друга.
2. не нашла, где можно поменять цвет кнопок: Положить в корзину, Пересчитать, Оформить заказ
#137772 Как Сделать Вот Такую Всплывающую Корзину?
Отправлено от марик в 11 Май 2014 - 14:54 в Изменение общей стилистики
1. Так и не разобралась как добавить ссылки в эту всплывающую полоску.
2. При добавлении товара, он обновляется ТОЛЬКО в этой самой строке, а в Корзине нет. Получается на сайте указаны 2 разные суммы пока не обновишь страницу. Можно сделать, чтобы одновременно обновлялись и строка и сама Корзина?
Спасибо.
#137790 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 11 Май 2014 - 16:53 в Шаблон Мокко
#137797 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 11 Май 2014 - 17:14 в Шаблон Мокко
#137799 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 11 Май 2014 - 17:21 в Шаблон Мокко
Вопрос не актуален. Разобралась сама)
#137802 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 11 Май 2014 - 17:57 в Шаблон Мокко
lew (11 Май 2014 - 17:05) писал:
найдите строчку
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />замените на эту
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />
потом откройте файл jquery.ui.all.min.css
и найдите строчку (примерно строка 750-800)
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555; }и background: #e6e6e6 - меняйте на цвет который хотите
если картинка не нужна будет, то вместо url(images/ui-bg_glass_75_e6e6e6_1x400.png) поставmте none
Вроде разобралась. Спасибо! А что насчет разделения левого меню на столбцы?
#137867 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 09:16 в Шаблон Мокко
MikDark (12 Май 2014 - 07:29) писал:
Нужно, чтобы эти блоки были подальше друг от друга и в рамке. Каталог, Вы смотрели и все подобные в левом меню. рисунок
И вы не могли бы ответить мне на вопрос в этой ветке: http://forum.storela..._40#entry137772 о всплывающей корзине.
Спасибо.
#137874 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 09:48 в Шаблон Мокко
MikDark (12 Май 2014 - 09:39) писал:
<!-- Каталог --> <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 recently_viewed_goods_empty %} <br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4> <div class="contentTbodyRecentlyViewed"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index>3 %}{break}{% ENDIF %} <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 %} <!-- Последние товары, просмотренные пользователем -->
заключить между тэгами <div class="leftborder"> и </div>
Далее в шаблоне main.css дописать:
.leftborder { border: 1px solid #000000; }
1px - толщина рамки, #000000 - код цвета. Можно сгенерировать здесь
Спасибо. А как теперь их разделить? И чтобы цвет верхнего заголовка был во весь блок? рисунок
#137882 Как Сделать Вот Такую Всплывающую Корзину?
Отправлено от марик в 12 Май 2014 - 09:57 в Изменение общей стилистики
MikDark (12 Май 2014 - 09:42) писал:
<a href="ссылка">Название ссылки</a>
Но вставлять надо в зависимости от того, где Вы их хотите видеть, пришлите скриншот с указание места.
С кодом все понятно, не могу понять куда его воткнуть) Ссылки (Главная, Каталог, Доставка, скидки) нужно поставить сюда: рисунок.
#137883 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 10:06 в Шаблон Мокко
MikDark (12 Май 2014 - 09:51) писал:
.leftborder { border: 1px solid #000000; }
между скобок добавьте еще строчку:
margin-bottom: 10px;
10px - отступ, можно его менять.
Далее в main.css нужно добавить:
.leftMenuBlock .leftborder {background-color: rgb(200, 219, 241);}
Блоки разделились, но по-прежнему вверхушка не на всю длину.
#137889 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 10:15 в Шаблон Мокко
#137891 Как Сделать Вот Такую Всплывающую Корзину?
Отправлено от марик в 12 Май 2014 - 10:24 в Изменение общей стилистики
#137896 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 10:35 в Шаблон Мокко
MikDark (12 Май 2014 - 10:21) писал:
.contentTbodyCatalogHeader { margin: 0 1em 0.33em 0.7em; padding-bottom: 0.2em; background-color: rgb(200, 219, 241); border: 0px solid rgb(18, 88, 30); border-radius: 5px; padding: 10px; }
и меняем на:
.contentTbodyCatalogHeader { margin: 0px; padding-bottom: 0.2em; background-color: rgb(200, 219, 241); border: 0px solid rgb(18, 88, 30); padding: 10px; }
В блоке "Вы смотрели" заголовок нужно поднять вверх и в центр. И когда я попыталась закруглить блок, то границы получились не сплошными, видны пробелы в углах.
При выборе товара в левом меню блоки разделились только вверху, а нужно, чтобы все без исключения были отдельно. рисунок.
#137902 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 10:58 в Шаблон Мокко
MikDark (12 Май 2014 - 10:46) писал:
<br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4>
и замените на:
<h4 class="contentTbodyCatalogHeader">Вы смотрели</h4>
Чтобы от фильтров тоже был отступ, нужно их так же заключить между <div>, как и предыдущие блоки.
Все получилось. Спасибо. А как поставить надпись Каталог товаров и прочие по центру? И немного отодвинуть перечень товаров вправо? хочу поменять рисунок
(красный квадратик) на более крупный рисунок
Заключила между <div> блок Цена и вот что вышло на странице Каталог. полоса между блоками
#137904 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 11:08 в Шаблон Мокко
MikDark (12 Май 2014 - 11:04) писал:
.contentTbodyCatalogHeader { margin: 0px; background-color: rgb(200, 219, 241); border: 0px solid rgb(18, 88, 30); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; padding: 10px; }
и меняем на:
.contentTbodyCatalogHeader { margin: 0px; text-align:center; background-color: rgb(200, 219, 241); border: 0px solid rgb(18, 88, 30); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; padding: 10px; }
Далее найдите код:
#subNavigation { width: 170px; }
и замените на:
#subNavigation { padding-left: 10px; width: 158px; }
Все встало на свои места. Спасибо. Что делать с полоской между блоками?
#137916 Зафиксировать Шапку, Разделить Меню, Баннеры
Отправлено от марик в 12 Май 2014 - 11:35 в Шаблон Мокко
MikDark (12 Май 2014 - 11:28) писал:
{% IF TARIFF_FEATURE_GOODS_FILTERS %} <form action="" method="get"> <div class="leftborder"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <h4 class="contentTbodyCatalogHeader noBorder">Цена</h4> <div class="contentTbodySearchPriceFilterBlock cornerAll"> <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceInfo"> от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> </div> <div class="goodsFilterPriceSubmit"> <input type="submit" value="Показать" /> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> </div>
на
{% IF TARIFF_FEATURE_GOODS_FILTERS %} <form action="" method="get"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="leftborder"> <h4 class="contentTbodyCatalogHeader noBorder">Цена</h4> <div class="contentTbodySearchPriceFilterBlock cornerAll"> <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceInfo"> от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> </div> <div class="goodsFilterPriceSubmit"> <input type="submit" value="Показать" /> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам -->
Теперь все, как надо. Огромное спасибо!
#138072 Как Сделать Вот Такую Всплывающую Корзину?
Отправлено от марик в 13 Май 2014 - 10:01 в Изменение общей стилистики
Сake (13 Май 2014 - 03:54) писал:
<!-- Обновление данных корзины --> <script> $('.cartSumP').html('<a href="/cart">В корзине товаров на: ' + $('.newCartSum').html().replace('<br>', '') + ' Оформить заказ</a>'); $('#cartCount').html($('.newCartCount').html()); </script>
и замените его на
<!-- Обновление данных корзины --> <script> $('.cartSumP').html('<a href="/cart">В корзине товаров на: ' + $('.newCartSum').html().replace('<br>', '') + ' Оформить заказ</a>'); $('#cartSum').html($('.newCartSum').html()); $('#cartCount').html($('.newCartCount').html()); </script>
Все работает. Спасибо!
#138997 Карточка Товара, Баннер, Блок "вы Смотрели"
Отправлено от марик в 18 Май 2014 - 22:18 в Шаблон Мокко
Снова за помощью. Решила сменить шапку сайта.
1. Переставить баннеры к слайдеру. Слайдер слава, баннеры справа. И чтобы баннеры были не впритык друг к другу. Отображались только на главной.
2. Подравнять слайдер к Каталогу товаров. рисунок
3. В блоке " Вы смотрели" увеличить картинку товара в 2 раза
4. В карточке товара сделать, чтобы название товара было обычным (не выделено жирным), а цена выделена. И та, что зачеркнута меньше, чем та что идет по скидке и другого цвета. Например, та, что зачеркнута серым, а та что по скидке оранжевым (или другим цветом). рисунок
5. Поставить в подвал рисунок, чтобы он был все время на ссылках.
#139058 Карточка Товара, Баннер, Блок "вы Смотрели"
Отправлено от марик в 19 Май 2014 - 10:07 в Шаблон Мокко
MikDark (19 Май 2014 - 06:53) писал:
<div class="indents-banners" style=""> <a href="http://magic-jewelry.ru/page/Скидки" ><img src="http://i64.fastpic.ru/big/2014/0512/75/27019c6e7719d1b3fb5747d63cd09375.jpg" alt="Скидки" /></a> <a href=" " ><img src="http://i62.fastpic.ru/big/2014/0512/c7/f97808e272e4904ed9614dd4c0b6ddc7.jpg" alt="Безналичный расчет" /></a> <a href="http://magic-jewelry.ru/page/Доставка " ><img src="http://i63.fastpic.ru/big/2014/0512/fa/4e8b65bf95c6efff88be403aa38395fa.jpg" alt="Бесплатная доставка" /></a> <a href=" " ><img src="http://i63.fastpic.ru/big/2014/0512/59/e9688d4cc6ab70d43d169d642e918259.jpg" alt="Подарки" /></a> </div>
и вставьте его перед {BODY}
Как произведете изменения - напишите, поможем все правильно расположить.
Готово.
#139062 Карточка Товара, Баннер, Блок "вы Смотрели"
Отправлено от марик в 19 Май 2014 - 10:21 в Шаблон Мокко
#139101 Карточка Товара, Баннер, Блок "вы Смотрели"
Отправлено от марик в 19 Май 2014 - 12:41 в Шаблон Мокко
#139133 Карточка Товара, Баннер, Блок "вы Смотрели"
Отправлено от марик в 19 Май 2014 - 15:43 в Шаблон Мокко
#139138 Карточка Товара, Баннер, Блок "вы Смотрели"
Отправлено от марик в 19 Май 2014 - 16:10 в Шаблон Мокко
#139150 Карточка Товара, Баннер, Блок "вы Смотрели"
Отправлено от марик в 19 Май 2014 - 16:41 в Шаблон Мокко
MikDark (19 Май 2014 - 16:16) писал:
.indents-banners { float: right; width: 222px; padding: 1em; } .indents-banners img { margin-bottom: 66px; } .indents-banners img:last-child { margin-bottom: 0px; }
Все еще не на одной линии.
Заменила баннеры на более крупные.
Надо, чтобы баннеры появлялись только на Главной, а сейчас они на всех страницах.
- Форум владельцев интернет-магазинов
- → Публикации марик
- Privacy Policy