Сообщений в теме: 7

[Aleksandrfdm]

Добрый день. Подскажите как сделать динамическое меню слева.

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

• 

[Firefly]

Aleksandrfdm (28 Февраль 2016 - 16:38) писал:

Добрый день. Подскажите как сделать динамическое меню слева.

Здравствуйте.
Если Вам необходимо установить подсветку пунктов при наведении:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.left-sidebar .block-content li a {
display: block;
padding: 1px 9px;
padding-left: 0%;
cursor: pointer;
font-size: 16px;
color: #A9A9A9;
}

Замените на:

.left-sidebar .block-content li a {
display: block;
padding: 1px 9px;
padding-left: 0%;
cursor: pointer;
font-size: 16px;
color: #A9A9A9;
}
.left-sidebar .block-content li a:hover, a:focus, a:active {color:#50ac25;text-decoration: underline;}

[Aleksandrfdm]

Спасибо все получилось.

[Aleksandrfdm]

Как добавить колонку слева под меню "ВЫ СМОТРЕЛИ"

[Firefly]

Aleksandrfdm (28 Февраль 2016 - 18:38) писал:

Как добавить колонку слева под меню "ВЫ СМОТРЕЛИ"

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

							<!-- /Каталог товаров -->
						</div>
					</nav>

Вставьте после него код:

			<!-- Вы смотрели -->
			{% IFNOT recently_viewed_goods_empty %}
			<div class="block viewed">
			  <div class="block-title"><h5><span>Вы смотрели</span></h5></div>
			  <div class="block-content">
				<div class="list-items">
				  {% FOR recently_viewed_goods %}
				  <div class="recently-item">
					<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}" class="product-image">
					  <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
					</a>
					<div class="recently-item-content">
					  <p class="product-name">
						<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}">{recently_viewed_goods.NAME}</a>
					  </p>
					  <div class="ratings">
						<div class="rating-box">
						  {% IF recently_viewed_goods.OPINION_RATING_VALUE %}
						  <span>
							<div class="rating" style="width:{recently_viewed_goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
						  </span>
						  {% ELSE %}
							<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						  {% ENDIF %}
						</div>
					  </div>
					  <div class="price-box">
						<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
					  </div>
					</div>
				  </div>
				  {% ENDFOR %}
				</div>
			  </div>
			</div>
			{% ENDIF %}
			<!-- /END Вы смотрели -->

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

/* Вы смотрели */
.viewed .block-content .recently-item .product-image {float: left;width:85px;margin-right: 10px;display: block;overflow: hidden;position: relative;}
.viewed .block-content .recently-item .product-image img {display:block;margin:0 auto;max-width: 100%;padding: 5px;}
.viewed .block-content .recently-item .recently-item-content {overflow: hidden;}
.viewed .block-content .recently-item .product-name {margin: 3px 0 0px 0;}
.viewed .block-content .recently-item .product-name a {max-height: 20px;line-height: 20px;font-size: 16px;font-weight: 600;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.viewed .block-content .recently-item .price-box {margin: 3px 0;}
.viewed .block-content .recently-item .price-box .old-price .price {margin-right: 3px;font-size: 12px;}
.viewed .block-content .recently-item .actions a {display: inline-block;width: 30px;height: 30px;background-color: #969696;padding: 0px 8px;margin: 5px 10px 5px 0;position: relative;color: #fff;}
.viewed .block-content .recently-item .actions a i {line-height: 30px;}
.viewed .block-content .recently-item .actions a:hover, .viewed .block-content .recently-item .actions a.added {background-color: #09afe7;}
.recently-item {height: 0px;overflow: hidden;}
.recently-item:nth-child(1), .recently-item:nth-child(2), .recently-item:nth-child(3) {height: auto;margin-bottom: 15px;background: #f8f8f8;border: 1px solid #e5e5e5;overflow: hidden;}

[Aleksandrfdm]

Спасибо. Появилось, только вот появилось всего 3 товара и они съезжают вниз ( т.е. последние три которые смотрели) ...можно ли поставить снизу кнопку ПОКАЗАТЬ ВСЕ ?

[Юля123]

Aleksandrfdm (29 Февраль 2016 - 09:08) писал:

Спасибо. Появилось, только вот появилось всего 3 товара и они съезжают вниз ( т.е. последние три которые смотрели) ...можно ли поставить снизу кнопку ПОКАЗАТЬ ВСЕ ?

Здравствуйте, извините за долгое ожидание, хотелось бы уточнить по этом вопросу, если в блоке Вы смотрели будет много товаров, всё равно отображать все? Просто отображают последние 3-5 для удобства использования, чтобы отображение сайта не зависело он этого блока.

[Aleksandrfdm]

Можно сделать 4 шт. а при нажатии на кнопку выпадали последние 10 например.