Перейти к содержимому


Изменить Шапку

дизайн изменить

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 62

#21 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 18 Июнь 2018 - 15:41

Просмотр сообщенияСергей К (18 Июнь 2018 - 11:21) писал:

Здравствуйте! Подскажите пожалуйста, когда нажимаешь в каталоге на конкретную категорию в магазине, появляются сначала изображения подкатегорий, а затем, уже товары в этой категории.
1.Вопрос - как сделать, чтобы изображений не было, а сразу перечислялся товар в этой общей категории из подкатегорий вперемешку?  
Покопавшись на форуме, а после в коде получилось удалить только подкатегории. Товар не знаю как добавить.
2.Далее нужно убрать звездочки на товарах.
3.Удалить блок с "этим товаром смотрят".
4.Сделать пункт обратного звонка как на скрине. И надпись "Заказать обратный звонок " без восклицательного знака!
(на скринах постарался отобразить что нужно)не все скрины могу прикрепить

еще скрин к сообщению
Здравствуйте.
1. Вывести товары из подкатегории в родительскую категорию нельзя, но Вы можете продублировать товары в родительскую категорию и они отобразятся в родительской категории.
2 Найдите в файле main.css код
.products-grid .item .item-info .rating-hover {
	position: absolute;
	margin: 0 0 30px 0;
	bottom: -30px;
	z-index: 1;
	opacity: 0;
	width: 100%;
}

замените на
.products-grid .item .item-info .rating-hover {
	display: none;
	position: absolute;
	margin: 0 0 30px 0;
	bottom: -30px;
	z-index: 1;
	opacity: 0;
	width: 100%;
}

3 Найдите в шаблоне Товар код и удалите
<div class="related clear">
  <!-- С этим товаром смотрят -->
  {% IFNOT related_views_goods_empty %}
	<div class="related-views clear">
	  <div class="box-up-sell">
		<div class="block-title">
		  <h3>С этим товаром смотрят</h3>
		</div>
		<div class="navigation">
		  <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
		  <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
		</div>
		<div class="up-sell-products">
		  <div class="products-grid">
			{% FOR related_views_goods %}
			<div class="item">
			  <div class="item-inner" itemscope itemtype="https://schema.org/Product">
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{related_views_goods.MIN_PRICE_NOW_ID} goodsListForm">
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" />
				  <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" />
					<div class="product-hover">
					  <a href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_views_goods.NAME}" class="product-image">
						<div class="ico-product">
						  {% IF related_views_goods.IS_NEW %}
							<span class="ico-new"><span>Новинка</span></span>
						  {% ELSEIF related_views_goods.IS_TOP %}
							<span class="ico-best"><span>Хит</span></span>
						  {% ENDIF %}
						  {% IF related_views_goods.MAX_DISCOUNT %}
							<span class="ico-sale"><span>Скидка</span></span>
						  {% ENDIF %}
						</div>
						<img class="lazyOwl goods-image-small" data-src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{related_views_goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{related_views_goods.NAME}" title="{related_views_goods.NAME}"  itemprop="image">
					  </a>
					  <div class="add-to-links">
						<div class="wishlist">
						  <!-- Если есть возможность добавить товар в избранное -->
						  {% IF related_views_goods.IS_HAS_IN_FAVORITES_LIST %}
							<a class="add-wishlist added"
							  data-action-is-add="0"
							  data-action-add-url="{FAVORITES_ADD_URL}"
							  data-action-delete-url="{FAVORITES_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{related_views_goods.NAME}&raquo; в избранное"
							  data-action-delete-title="Убрать &laquo;{related_views_goods.NAME}&raquo; из избранного"
							  title="Убрать &laquo;{related_views_goods.NAME}&raquo; из избранного"
							  href="{FAVORITES_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							><i class="fa fa-heart"></i></a>
						  {% ELSE %}
							<a class="add-wishlist"
							  data-action-is-add="1"
							  data-action-add-url="{FAVORITES_ADD_URL}"
							  data-action-delete-url="{FAVORITES_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{related_views_goods.NAME}&raquo; в избранное"
							  data-action-delete-title="Убрать &laquo;{related_views_goods.NAME}&raquo; из избранного"
							  title="Добавить &laquo;{related_views_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							><i class="fa fa-heart"></i></a>
						  {% ENDIF %}
						  <!-- END Если есть возможность добавить товар в избранное -->
						</div>
						<div class="compare">
						  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
							{% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %}
							  <a class="add-compare added"
								data-action-is-add="0"
								data-action-add-url="{COMPARE_ADD_URL}"
								data-action-delete-url="{COMPARE_DELETE_URL}"
								data-action-add-title="Добавить &laquo;{related_views_goods.NAME}&raquo; в список сравнения с другими товарами"
								data-action-delete-title="Убрать &laquo;{related_views_goods.NAME}&raquo; из списка сравнения с другими товарами"
								data-prodname="{related_views_goods.NAME}"
								data-produrl="{related_views_goods.URL}"
								data-id="{related_views_goods.ID}"
								data-mod-id="{related_views_goods.MIN_PRICE_NOW_ID}"
								title="Убрать &laquo;{related_views_goods.NAME}&raquo; из списка сравнения с другими товарами"
								href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  ><i class="fa fa-retweet"></i></a>
							{% ELSE %}
							  <a class="add-compare"
								data-action-is-add="1"
								data-action-add-url="{COMPARE_ADD_URL}"
								data-action-delete-url="{COMPARE_DELETE_URL}"
								data-action-add-title="Добавить &laquo;{related_views_goods.NAME}&raquo; в список сравнения с другими товарами"
								data-action-delete-title="Убрать &laquo;{related_views_goods.NAME}&raquo; из списка сравнения с другими товарами"
								data-prodname="{related_views_goods.NAME}"
								data-produrl="{related_views_goods.URL}"
								data-id="{related_views_goods.ID}"
								data-mod-id="{related_views_goods.MIN_PRICE_NOW_ID}"
								title="Добавить &laquo;{related_views_goods.NAME}&raquo; в список сравнения с другими товарами"
								href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  ><i class="fa fa-retweet"></i></a>
							{% ENDIF %}
						  {% ENDIF %}
						  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						</div>
					  </div>
					</div>
					<div class="item-info">
					  <h2 class="product-name"><a href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}" title="{related_views_goods.NAME}" itemprop="url">{related_views_goods.NAME}</a></h2>
					  <meta itemprop="name" content="{related_views_goods.NAME}">
					  <meta itemprop="description" content="{% IF related_views_goods.DESCRIPTION_SHORT %}{related_views_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					  <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
						<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						{% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
						<span class="old-price">
						  <span class="price {CURRENCY_CHAR_CODE}">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						</span>
						{% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
						<span class="old-price">
						  <span class="price {CURRENCY_CHAR_CODE}">{related_views_goods.MIN_PRICE_OLD | money_format}</span>
						</span>
						{% ENDIF %}
						<span class="special-price">
						  <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{related_views_goods.MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</span>
						</span>
					  </div>
					  <div class="rating-hover">
					  <div class="ratings">
						<div class="rating-box">
						  {% IF related_views_goods.OPINION_RATING_VALUE %}
						  <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
							<meta itemprop="worstRating" content = "1">
							<meta itemprop="bestRating" content = "10">
							<meta itemprop="ratingValue" content = "{related_views_goods.OPINION_RATING_VALUE}">
							<meta itemprop="reviewCount" content = "{related_views_goods.OPINION_RATING_CNT_ALL}">
							<div class="rating" style="width:{related_views_goods.OPINION_RATING_VALUE}0%" alt="{related_views_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
						  </span>
						  {% ELSE %}
							<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						  {% ENDIF %}
						</div>
					  </div>
					  </div>
					</div>
					<div class="actions">
					  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && related_views_goods.MAX_REST_VALUE=0 %}
						<span class="button">Нет в наличии</span>
					  {% ELSE %}
						<!--a class="add-cart quick button" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}">В корзину</a-->
						<a class="add-cart button" title="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={related_views_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={related_views_goods.MIN_PRICE_NOW_ID}">В корзину</a>
					  {% ENDIF %}
					</div>
				</form>
			  </div>
			</div>
			{% ENDFOR %}
		  </div>
		</div>
	  </div>
	</div>
  {% ENDIF %}
</div>

4 Вы говорите про подвал сайта?

#22 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 18 Июнь 2018 - 17:59

Да, форма обратного звонка в подвале сайта

#23 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Июнь 2018 - 05:51

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12">
			<div class="block-title">
			  <h3>Обратный звонок</h3>
			</div>
			<div class="footer-content">
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
				<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
			  </form>
			  
					</div>
		  </div>
  
замените на:
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12">
			<div class="block-title">
			  <h3>Обратный звонок</h3>
			</div>
			<div class="footer-content">
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
				<label for="callback_person">Введите Ваше имя</label>
				<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Иванов Иван" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				<label for="callback_phone">Введите Ваш номер телефона</label>
				<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="+7(___)___-__-__" maxlength="50" title="Введите номер телефона" autocomplete="off">
				<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button paymentFormSubmitLink">Заказать обратный звонок</button>{% ENDIF %}
			  </form>
			</div>
		  </div>


#24 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 19 Июнь 2018 - 12:45

1. По ошибке удалил код каталога с товарами. Верните пожалуйста отображение превью в каталоге.
2. Нужно сделать так чтобы при нажатии на категорию товара отображались товары из подкатегорий вперемешку, а не изображения подкатегорий.
3. Убрать рейтинг (звездочки) везде где есть.
4. В подвале на форме обратного звонка убрать надпись. (скрин прилагаю) Саму кнопку "Заказать обратный звонок сместить вверх.

Скрин.

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

  • 2018-06-19_12-42-37.png


#25 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 19 Июнь 2018 - 13:04

5. Еще нужно на главную добавить блок "О нас". как указано на скрине.

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

  • 2018-06-18_11-46-13.png


#26 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 19 Июнь 2018 - 15:35

Просмотр сообщенияСергей К (19 Июнь 2018 - 12:45) писал:

1. По ошибке удалил код каталога с товарами. Верните пожалуйста отображение превью в каталоге.
2. Нужно сделать так чтобы при нажатии на категорию товара отображались товары из подкатегорий вперемешку, а не изображения подкатегорий.
3. Убрать рейтинг (звездочки) везде где есть.
4. В подвале на форме обратного звонка убрать надпись. (скрин прилагаю) Саму кнопку "Заказать обратный звонок сместить вверх.

Скрин.
Здравствуйте,
1 Найдите в шаблоне Товары код
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
  <!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}
   
замените на
{% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
  <div class="categories row {% IF index_page %}index{% ENDIF %}">
	{% FOR nested_categories_list %}
	  <div class="item {% IF index_page %}col-md-3 col-sm-4 col-sms-6 col-smb-12{% ELSE %}col-sm-4 col-sms-6 col-smb-12{% ENDIF %}">
		<div class="cat-item">
		  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="image goods-cat-image-medium">
			<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
		  </a>
		  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="title">{nested_categories_list.NAME}</a>
		</div>
	  </div>
	{% ENDFOR %}
  </div>
  <!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}
   
  

2 Как ранее Вам писали, необходимо продублировать товары из подкатегорий в корневую категорию.

3 найдите в фале main.css код
.ratings {
	font-size: 11px;
	line-height: 1.25;
	display: inline-block;
}
замените на
.ratings {
	font-size: 11px;
	line-height: 1.25;
	display: none;
}

4 найдите в шаблоне hTML код
<div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
								{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button paymentFormSubmitLink">Заказать обратный звонок</button>{% ENDIF %}
замените на
								{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button paymentFormSubmitLink">Заказать обратный звонок</button>{% ENDIF %}

5 зайдите в раздел Сайт-Главная страница  и установите в качестве главной странице страницу "О нас".

#27 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 19 Июнь 2018 - 16:13

2 Как ранее Вам писали, необходимо продублировать товары из подкатегорий в корневую категорию.

3 найдите в фале main.css код
.ratings {
        font-size: 11px;
        line-height: 1.25;
        display: inline-block;
}
замените на
.ratings {
        font-size: 11px;
        line-height: 1.25;
        display: none;
}

Все получилось кроме того что описано выше. Меняю код, но ничего не происходит. Вроде все делаю по инструкции но отображение не меняется. Еще раз пишу что нужно сделать так чтобы при нажатии на корневую категорию отображались товары из подкатегорий, а не превью категорий. скрин прилагаю. Спасибо за помощь!

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

  • 2018-06-19_16-03-36.png


#28 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 19 Июнь 2018 - 16:47

Еще подскажите где изменить цвет подсветки сайта при на воде мышкой на различные разделы? А именно меню, каталог, кнопки. В шапке это поиск, личный кабинет и корзина.

#29 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 19 Июнь 2018 - 17:00

Просмотр сообщенияСергей К (19 Июнь 2018 - 16:13) писал:

2 Как ранее Вам писали, необходимо продублировать товары из подкатегорий в корневую категорию.

3 найдите в фале main.css код
.ratings {
font-size: 11px;
line-height: 1.25;
display: inline-block;
}
замените на
.ratings {
font-size: 11px;
line-height: 1.25;
display: none;
}

Все получилось кроме того что описано выше. Меняю код, но ничего не происходит. Вроде все делаю по инструкции но отображение не меняется. Еще раз пишу что нужно сделать так чтобы при нажатии на корневую категорию отображались товары из подкатегорий, а не превью категорий. скрин прилагаю. Спасибо за помощь!
В разделе Товары-Товары Вы не скопировали товары из подкатегорий в корневую категорию, поэтому они не отобразились.

Просмотр сообщенияСергей К (19 Июнь 2018 - 16:47) писал:

Еще подскажите где изменить цвет подсветки сайта при на воде мышкой на различные разделы? А именно меню, каталог, кнопки. В шапке это поиск, личный кабинет и корзина.
Найдите в файле main.css код
a:hover, a:active {
	outline: 0;
	color: #18bd9c;
	text-decoration: none;
}

где изменяете значение 18bd9c, таблицу цветов можете посмотреть здесь.

#30 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 19 Июнь 2018 - 18:10

Помогите провести след. доработки указанные на скринах. Вопрос об изменении подсветки на всем сайте остается также открытым. По последней инструкции изменяется только подсветка тел. номера в шапке. А нужно сменить цвет подсветки на всем сайте. Спасибо за помощь!

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

  • 2018-06-19_17-56-59.png
  • 2018-06-19_18-00-56.png


#31 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Июнь 2018 - 04:26

Здравствуйте.

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#breadcrumbs {margin-bottom: 20px;background: #cccccc;}

замените на:
#breadcrumbs {display:none;margin-bottom: 20px;background: #cccccc;}

далее найдите:
.header-middle {position: relative;width: 100%;padding: 10px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;}

замените на:
.header-middle {position: relative;width: 100%;padding: 10px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;background: #cccccc;}
вместо #cccccc укажите необходимый цвет.

далее найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 10px 15px;color: #404040;text-transform: uppercase;position: relative;letter-spacing: 0.2px;}

замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 10px 15px;color: #404040;text-transform: uppercase;position: relative;letter-spacing: 0.2px;font-weight: bold;}


2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#custommenu ul.mainnav li.level0.active > a, #custommenu ul.mainnav li.level0:hover > a {color: #18bd9c;}

.block-menu-content ul li a:hover, .block-menu-content ul li a.active {color: #18bd9c;border-left: 3px solid #18bd9c;background: #ffffff;}

.button:hover {color: #fff;background-color: #18bd9c;}

.add-to-links .compare a:hover, .add-to-links .wishlist a:hover, .add-to-links a.added {background-color: #18bd9c;color: #ffffff;}

a:hover, a:active {outline:0;color: #18bd9c;text-decoration:none;}

измените в данных строках цвет #18bd9c на необходимый.

#32 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 20 Июнь 2018 - 14:18

Здравствуйте! Почти все получилось.Спасибо!
Не получилось изменить цвет блока меню на главной странице.
Нужно сделать то что указано на скринах.

скрин

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

  • 2018-06-20_13-42-06.png
  • 2018-06-20_14-12-26.png
  • 2018-06-20_13-51-03.png


#33 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Июнь 2018 - 04:38

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-middle {position: relative;width: 100%;padding: 10px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;background: #DCDCDC;}
.header-middle.index {background: rgba(255,255,255,0.4) none repeat scroll 0 0;display: block;z-index: 11;border: 0;height: 56px;}


замените на:
.header-middle {margin-bottom:20px;position: relative;width: 100%;padding: 10px 0;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;background: #DCDCDC;}
.header-middle.index {background: #ffffff;display: block;z-index: 11;border: 0;height: 56px;margin: 0;}


и измените значение цвета #ffffff на необходимое.

#34 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 21 Июнь 2018 - 11:27

Здравствуйте! Нужны следующие доработки.
1. Сделать отступ после блока меню.
2. Изменить цвет подсветки кнопок в шапке.
Все показано на скринах. Спасибо!

Скрин

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

  • 2018-06-20_13-42-06.png
  • 2018-06-20_13-51-03.png


#35 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 21 Июнь 2018 - 15:50

Просмотр сообщенияСергей К (21 Июнь 2018 - 11:27) писал:

Здравствуйте! Нужны следующие доработки.
1. Сделать отступ после блока меню.
2. Изменить цвет подсветки кнопок в шапке.
Все показано на скринах. Спасибо!

Скрин
2.Цвет иконок в main.css
.header-top .col-xs-12 > div i.fa:hover {color: #18bd9c;cursor: pointer;}
Цвет иконки поиска
.form-search button.search-submit:hover i.fa {color: #18bd9c;cursor: pointer;}


#36 namur05

namur05

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 17 Июль 2018 - 23:38

Здравствуйте, помогите поменять шапку.
Надо убрать всплывающее прозрачное окно (там где пока что стоит логотип),поменять местами поиск и контакты,значок слева поменять на слово каталог и сделать шрифт черным(более насыщеным).

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

  • титул.png


#37 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 10 Сентябрь 2018 - 17:01

Здравствуйте! Нужно добавить текст в шапке : "Минимальная сумма заказа: 800 руб. ". Как указано на скрине, только с большой буквы и текстом жирнее. Спасибо.

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

  • 2018-09-10_16-40-47.png


#38 stasia

stasia

    Активный участник

  • Модераторы
  • 575 сообщений

Отправлено 10 Сентябрь 2018 - 17:52

Просмотр сообщенияСергей К (10 Сентябрь 2018 - 17:01) писал:

Здравствуйте! Нужно добавить текст в шапке : "Минимальная сумма заказа: 800 руб. ". Как указано на скрине, только с большой буквы и текстом жирнее. Спасибо.

Здравствуйте. Зайдите в Редактор шаблонов---main.css и найдите код:
.rhombus {
	position: relative;
	width: 20px;
	height: 20px;
	text-align: center;
	margin: 11.55px 0;
	line-height: 22px;
	z-index: 0;
}

Замените его на:
.rhombus {
	position: relative;
	width: 20px;
	height: 20px;
	text-align: center;
	/* margin: 11.55px 0; */
	line-height: 22px;
	z-index: 0;
}

Найдите код:
.form-search {
	float: right;
	position: relative;
	padding: 0 7px;
	line-height: 47px;
}

Измените его на:
.form-search {
	float: right;
	position: relative;
	padding: 0 7px;
	/* line-height: 47px; */
}

Найдите данный код:
.form-search button.search-submit {
	position: absolute;
	right: 12px;
	top: -1px;
	background: none;
	border: none;
	font-size: 12px;
	line-height: inherit;
	padding: 1px 6px;
}

Замените его на код:
.form-search button.search-submit {
	position: absolute;
	right: 12px;
	top: -4px;
	background: none;
	border: none;
	font-size: 12px;
	line-height: inherit;
	padding: 1px 6px;
}


Зайдите в Редактор шаблонов---HTML и найдите код:
			  <!-- Поиск -->
			  <div class="form-search">
				<div class="search-title rhombus">
				  <i class="fa fa-search" title="Поиск по магазину">&nbsp;</i>
				</div>
				<form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину...">
				  <input type="hidden" name="goods_search_field_id" value="0">
				  <button type="submit" title="Искать" class="button search-submit"><i class="fa fa-search"></i></button>
				</form>
			  </div>
			</div>

И сразу после него вставьте данный код:
	   <div class="textsum">
		  <p>Минимальная сумма заказа 800 руб.</p></div>
	  </div>

Зайдите в Редактор шаблонов---main.css и добавьте в самый конец код:
.textsum {
	font-weight: 600;
	float: right;
	color: #ff7f50;
}


#39 Сергей К

Сергей К

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 11 Сентябрь 2018 - 11:08

Добрый день! Нужно сместить текст как указано на скрине! Спасибо.

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

  • 2018-09-11_11-03-12.png


#40 stasia

stasia

    Активный участник

  • Модераторы
  • 575 сообщений

Отправлено 11 Сентябрь 2018 - 11:15

Просмотр сообщенияСергей К (11 Сентябрь 2018 - 11:08) писал:

Добрый день! Нужно сместить текст как указано на скрине! Спасибо.

Здравствуйте. Зайдите в Редактор шаблонов---main.css и найдите код:
.textsum {
	font-weight: 600;
	float: right;
	color: #ff7f50;
}

И замените его на:
.textsum {
	font-weight: 600;
	float: right;
	color: #ff7f50;
	padding-right: 59px;
}






Темы с аналогичным тегами дизайн, изменить

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных