Публикации марик

#138072 Как Сделать Вот Такую Всплывающую Корзину?

Отправлено от марик в 13 Май 2014 - 10:01 в Изменение общей стилистики

Сake (13 Май 2014 - 03:54) писал:

Найдите в вашем шаблоне "Ajax добавление товара в корзину" следующий код

<!-- Обновление данных корзины -->
<script>
$('.cartSumP').html('<a href="/cart">В корзине товаров на: '
+ $('.newCartSum').html().replace('<br>', '') + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Оформить заказ</a>');
$('#cartCount').html($('.newCartCount').html());
</script>

и замените его на

<!-- Обновление данных корзины -->
<script>
$('.cartSumP').html('<a href="/cart">В корзине товаров на: '
+ $('.newCartSum').html().replace('<br>', '') + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Оформить заказ</a>');
$('#cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
</script>

Все работает. Спасибо!

#137882 Как Сделать Вот Такую Всплывающую Корзину?

Отправлено от марик в 12 Май 2014 - 09:57 в Изменение общей стилистики

MikDark (12 Май 2014 - 09:42) писал:

Ссылки добавляются с помощью кода:

<a href="ссылка">Название ссылки</a>

Но вставлять надо в зависимости от того, где Вы их хотите видеть, пришлите скриншот с указание места.

С кодом все понятно, не могу понять куда его воткнуть) Ссылки (Главная, Каталог, Доставка, скидки) нужно поставить сюда: рисунок.

Прикрепленные изображения

#137891 Как Сделать Вот Такую Всплывающую Корзину?

Отправлено от марик в 12 Май 2014 - 10:24 в Изменение общей стилистики

MikDark (12 Май 2014 - 10:13) писал:

Поставьте во всплывающую панель после:

{% ENDFOR %}
{% ENDIF %}
</ul>

Отлично. Спасибо! А что насчет цен в корзине на сайте и в сплывающей? Как сделать, чтобы они менялись одновременно без обновления страницы?

#137772 Как Сделать Вот Такую Всплывающую Корзину?

Отправлено от марик в 11 Май 2014 - 14:54 в Изменение общей стилистики

Добрый день.
1. Так и не разобралась как добавить ссылки в эту всплывающую полоску.
2. При добавлении товара, он обновляется ТОЛЬКО в этой самой строке, а в Корзине нет. Получается на сайте указаны 2 разные суммы пока не обновишь страницу. Можно сделать, чтобы одновременно обновлялись и строка и сама Корзина?
Спасибо.

#137790 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 11 Май 2014 - 16:53 в Шаблон Мокко

lew (11 Май 2014 - 16:38) писал:

на всякий случай выслал скриншот, если вы пока не знаете как загружать файлы.

На картинке большая стрелка показывает куда надо нажимать, чтоб загрузить файл.
А маленькая - где должен отобразиться загруженный файл.

Товары и баннеры - норм. Спасибо!
Фаил загрузила.

#137698 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 10 Май 2014 - 19:43 в Шаблон Мокко

Добрый день.
Помогите, пож-та.
1. Зафиксировать фон шапки. У меня монитор на 17", когда смотрю на ноуте (15) шапка уезжает влево. Надо, чтобы она не отделялась от основной таблицы.
2. баннеры между шапкой и контентом. Подскажите, что я сделала не так? У первого баннера ссылку не видно. Они должны появляться на каждой странице.
3. Как сделать, чтобы на Главной и в Каталоге товары выходили только по 3 штуки и бОльшего размера? Занимали всю ширину таблицы.
4. как разделить левое меню? рисунок
5. не фиксируется Выбор ни на одной странице. Появляется, только при нажатии на него и пропадает. Похоже задела код, но не могу найти где.

сайт: http://magic-jewelry.ru/

Прикрепленные изображения

#137902 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 12 Май 2014 - 10:58 в Шаблон Мокко

MikDark (12 Май 2014 - 10:46) писал:

В шаблоне HTML найдите код:

<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;
}

Все встало на свои места. Спасибо. Что делать с полоской между блоками?

#137756 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 11 Май 2014 - 12:36 в Шаблон Мокко

Спасибо. Шапка и баннер норм.
Разделить меню, чтобы отдельно были Каталог товаров, Вы смотрели и все последующие менюшки слева. Между ними пробел, они сами в рамке. Планирую поменять цвет фона.
И еще товаров стало по 3 штуки (спасибо!), а как увеличить их размер? Сделать немного крупнее рисунки, уж больно они мелкие. Например на Главной, чтобы были на ширине слайдера, не просто отодвинуть, а увеличить размер. рисунок

Пока писала, возникло еще 2 вопроса.
1. Надо немного отодвинуть баннеры друг от друга.
2. не нашла, где можно поменять цвет кнопок: Положить в корзину, Пересчитать, Оформить заказ

Прикрепленные изображения

#137916 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 12 Май 2014 - 11:35 в Шаблон Мокко

MikDark (12 Май 2014 - 11:28) писал:

В шаблоне HTML замените код:

{% 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 Если есть возможность фильтрации товаров по ценам -->

Теперь все, как надо. Огромное спасибо!

#137889 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 12 Май 2014 - 10:15 в Шаблон Мокко

MikDark (12 Май 2014 - 10:11) писал:

Извиняюсь, нужно было добавить этот код:

#leftMenuBlock .leftborder {background-color: rgb(200, 219, 241);}

Ой, не так. Может, я не правильно выразилась, но мне нужно, чтобы слово Каталог было закрашено во всю длину блока. а само меню пусть остается светлым.

Прикрепленные изображения

#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;
}

В блоке "Вы смотрели" заголовок нужно поднять вверх и в центр. И когда я попыталась закруглить блок, то границы получились не сплошными, видны пробелы в углах.

При выборе товара в левом меню блоки разделились только вверху, а нужно, чтобы все без исключения были отдельно. рисунок.

Прикрепленные изображения

#137797 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 11 Май 2014 - 17:14 в Шаблон Мокко

lew (11 Май 2014 - 17:05) писал:

потом откройте HTML
найдите строчку

<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" />

Готово.

#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);}

Блоки разделились, но по-прежнему вверхушка не на всю длину.

Прикрепленные изображения

#137802 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 11 Май 2014 - 17:57 в Шаблон Мокко

lew (11 Май 2014 - 17:05) писал:

потом откройте HTML
найдите строчку

<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

Вроде разобралась. Спасибо! А что насчет разделения левого меню на столбцы?

#137799 Зафиксировать Шапку, Разделить Меню, Баннеры

Отправлено от марик в 11 Май 2014 - 17:21 в Шаблон Мокко

Все нашла, все поменяла. Проблемка: поставила другой цвет фона и надписи, сделал надписи жирнее и теперь активные стали меньше размером. Как сделать их одинаковыми?

Вопрос не актуален. Разобралась сама)

#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) писал:

В шаблоне HTML вам нужно каждый отдельный участок кода, например:

<!-- Каталог -->
		 <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="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><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="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
				 </td>
				 </tr>
				 {% ENDFOR %}
			 </table>
			 </div>
			 {% ENDIF %}
			 <!-- Последние товары, просмотренные пользователем -->

заключить между тэгами <div class="leftborder"> и </div>

Далее в шаблоне main.css дописать:

.leftborder {
border: 1px solid #000000;
}

1px - толщина рамки, #000000 - код цвета. Можно сгенерировать здесь

Спасибо. А как теперь их разделить? И чтобы цвет верхнего заголовка был во весь блок? рисунок

Прикрепленные изображения

#139366 Карточка Товара, Баннер, Блок "вы Смотрели"

Отправлено от марик в 20 Май 2014 - 20:02 в Шаблон Мокко

lew (20 Май 2014 - 19:57) писал:

удалите padding-left
и всё должно получится по красоте.
то есть такая строчка у вас должна быть

{% IF catalog.LEVEL>0%}style="margin-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}

Красота неописуемая) Спасибо огромное!
Вот еще вопрос тогда у меня. Отодвигаю друг от друга ссылки в всплывающей корзине и кнопка Вверх уходит за края таблички. Я что-то пропустила?
Делаю по инструкции:
#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;
}
замените на

#float-cart a {
color: #E5F806;
font:11pt arial, helvetics, sens-serif;margin-left: 9px;
}
отступ меняете через свойство margin-left: 9px;

#139370 Карточка Товара, Баннер, Блок "вы Смотрели"

Отправлено от марик в 20 Май 2014 - 20:40 в Шаблон Мокко

lew (20 Май 2014 - 20:31) писал:

найдите в HTML строчку (строчка примерно 600-700)

<li id="back-top"><a href="#top">Вверх <span>&#x25B2;</span></a></li>

добавьте в неё margin: 0;
то есть у вас вот что должно получиться

<li id="back-top"><a style="margin: 0;" href="#top">Вверх <span>&#x25B2;</span></a></li>

Все в норме. Спасибо!

#139192 Карточка Товара, Баннер, Блок "вы Смотрели"

Отправлено от марик в 19 Май 2014 - 20:57 в Шаблон Мокко

Пока ждала помощи, кое-что сделала сама. Проверьте, пож-та, все ли правильно?
Остались не решенные:
3. В блоке " Вы смотрели" увеличить картинку товара в 2 раза
4. В карточке товара сделать, чтобы название товара было обычным (не выделено жирным), а цена выделена. И та, что зачеркнута меньше, чем та что идет по скидке и другого цвета. Например, та, что зачеркнута серым, а та что по скидке оранжевым (или другим цветом). рисунок
5. Поставить в подвал рисунок, чтобы он был все время на ссылках.

#139101 Карточка Товара, Баннер, Блок "вы Смотрели"

Отправлено от марик в 19 Май 2014 - 12:41 в Шаблон Мокко

Что дальше делать-то?

#139133 Карточка Товара, Баннер, Блок "вы Смотрели"

Отправлено от марик в 19 Май 2014 - 15:43 в Шаблон Мокко

MikDark (19 Май 2014 - 13:36) писал:

В main.css удалите код:

.indents-banners{position:absolute;left:10px;top:285px;width: 950;}

Сделано, жду дальнейших инструкций.

#139138 Карточка Товара, Баннер, Блок "вы Смотрели"

Отправлено от марик в 19 Май 2014 - 16:10 в Шаблон Мокко

Вот, что получилось. рисунок.
Надо слайдер поднять наверх. Баннеры подравнять на ширину таблицы и сделать одной шириной со слайдером.

Прикрепленные изображения

#139150 Карточка Товара, Баннер, Блок "вы Смотрели"

Отправлено от марик в 19 Май 2014 - 16:41 в Шаблон Мокко

MikDark (19 Май 2014 - 16:16) писал:

В main.css добавляем:

.indents-banners {
float: right;
width: 222px;
padding: 1em;
}
.indents-banners img {
margin-bottom: 66px;
}
.indents-banners img:last-child {
margin-bottom: 0px;
}

Все еще не на одной линии.
Заменила баннеры на более крупные.

Надо, чтобы баннеры появлялись только на Главной, а сейчас они на всех страницах.