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


Внести Изменения В Шаблон


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

#1 Mave

Mave

    Продвинутый пользователь

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

Отправлено 07 Июнь 2017 - 10:39

Добрый день, аккаунт SL-416545

Помоги,пожалуйста, подправить шаблон
1. в каталоге с левой стороны добавить фильтр по товарам
2. в каталоге при выборе товара убрать быстрый заказ и просмотр товара
3. изменить колокольчики на другой рисунок
4. убрать количество товаров в списке каталога

уточнение на фото
Спасибо за помощь!))

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

  • Безымянный.jpg


#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Июнь 2017 - 13:39

Просмотр сообщенияMave (07 Июнь 2017 - 10:39) писал:

Добрый день, аккаунт SL-416545

Помоги,пожалуйста, подправить шаблон
1. в каталоге с левой стороны добавить фильтр по товарам
2. в каталоге при выборе товара убрать быстрый заказ и просмотр товара
3. изменить колокольчики на другой рисунок
4. убрать количество товаров в списке каталога

уточнение на фото
Спасибо за помощь!))
Здравствуйте.
1) Добавьте к товарам характеристики, а после в настройках каждой категории добавьте фильтры(по характеристикам и свойствам).
2) В конец main.css добавьте
.products-grid .item .product-shop .actions .addtocart, .products-grid .item .product-shop .actions .add-to-links a.quickview {
	display: none;
}
3) На сайте http://fontawesome.io/icons/ выберите иконку и пришлите ее название.
4) В шаблоне html найдите и удалите строку
{% IF catalog_full.GOODS_COUNT>0 %}<span class="count">{catalog_full.GOODS_COUNT}</span>{% ELSEIF catalog_full.BRANCH_GOODS_COUNT>0 %}<span class="count">{catalog_full.BRANCH_GOODS_COUNT}</span>{% ENDIF %}



#3 Mave

Mave

    Продвинутый пользователь

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

Отправлено 07 Июнь 2017 - 15:59

Большое спасибо!
1. получается что фильтр нельзя добавить на весь каталог, только на отдельные категории?
2.вместо колокольчиков хотелось красотульку какую нить вставить, стандартные иконки не в тему
3. подскажите как передвигать рамку на баннере на главной ("белье для детей и взрослых" и кнопка каталог)?
4. в подвале иконки соцсетей - можно их убрать оставив парочку?

#4 Mave

Mave

    Продвинутый пользователь

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

Отправлено 09 Июнь 2017 - 19:48

Подскажите, пожалуйста, как сдвинуть на главной странице рамку с кнопкой каталог и текстом постельное белье для всех?

#5 Vaccina

Vaccina

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

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

Отправлено 10 Июнь 2017 - 06:46

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

Просмотр сообщенияMave (07 Июнь 2017 - 15:59) писал:

Большое спасибо!
1. получается что фильтр нельзя добавить на весь каталог, только на отдельные категории?
2.вместо колокольчиков хотелось красотульку какую нить вставить, стандартные иконки не в тему
3. подскажите как передвигать рамку на баннере на главной ("белье для детей и взрослых" и кнопка каталог)?
4. в подвале иконки соцсетей - можно их убрать оставив парочку?

1. Все верно, можно создать скрытую категорию, добавить ей фильтры и отдельно вывести в каталог товаров, такой вариант вас устроит?
2. Выберите пожалуйста шрифтовую иконку или загрузить и укажите нам название картинки иконки для замены.
3. Уточните в какую сторону вы хотите ее передвинуть? Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow #slider .item-html {
	position: absolute;
	top: 30%;
	left: 0;
	text-align: right;
	width: 100%;
	z-index: 9;
}

в данном коде изменяйте значения стилей left и top для перемещения блока.

4. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Соц. сети -->
			  <div class="social-links">
			 
			  
			   
				<a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk"></i><span>vk</span></a>
				<a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
			  
			  </div>

удалите ненужные кнопки.

#6 Mave

Mave

    Продвинутый пользователь

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

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

Большое спасибо за ответ)) подскажите еще а как эту рамку с надписью и кнопкой каталог сделать меньше? (в предыдущем посте пункт 3). все вместе и рамку и надпись - масштаб уменьшить...

#7 Mave

Mave

    Продвинутый пользователь

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

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

Здравствуйте, помогите исправить эти моменты:
1. в карточек товара чтобы отображался каталог
2. убрать рейтинг
3. убрать быстрый заказ
4. скрыть характеристики

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

  • пиапр.jpg


#8 RayLi

RayLi

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

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

Отправлено 12 Июнь 2017 - 20:29

Просмотр сообщенияMave (12 Июнь 2017 - 19:53) писал:

Здравствуйте, помогите исправить эти моменты:
1. в карточек товара чтобы отображался каталог
2. убрать рейтинг
3. убрать быстрый заказ
4. скрыть характеристики

Здравствуйте.
В данном случае на вашем сайте необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

.ratings {
	display: inline-block;
	font-size: 11px;
	line-height: 1;
}

И замените его вот этим вот кодом:

.ratings {
	display: none;
	font-size: 11px;
	line-height: 1;
}


После чего в том же шаблоне найдите, пожалуйста, следующий код:

.btn-primary.button2 {
	background-color: #fce3bd;
	color: rgba(0, 0, 0, 0);
}

И замените его вот этим кодом:

.btn-primary.button2 {
	background-color: #fce3bd;
	color: rgba(0, 0, 0, 0);
	display: none;
}


Далее в шаблоне Товар найдите, пожалуйста, данный код:

  <!-- Основные вкладки описаний товара -->
  <div class="product-tabs f-fix clear">
	<ul class="tabs">
	  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
	  {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
	  {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>{% ENDIF %}
	  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
	</ul>
	<div class="content">

И замените его вот этим вот кодом:

  <!-- Основные вкладки описаний товара -->
  <div class="product-tabs f-fix clear">
	<ul class="tabs">
	  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
	  {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>{% ENDIF %}
	  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
	</ul>
	<div class="content">


#9 Mave

Mave

    Продвинутый пользователь

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

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

Большое спасибо за помощь!!

пункт 1 повторю - как сделать что бы в карточке товара тоже видно было каталог.
и еще в каталоге убрать фильтр по цене

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

  • апвап.jpg


#10 Firefly

Firefly

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

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

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

Просмотр сообщенияMave (13 Июнь 2017 - 16:30) писал:

Большое спасибо за помощь!!

пункт 1 повторю - как сделать что бы в карточке товара тоже видно было каталог.
и еще в каталоге убрать фильтр по цене

Здравствуйте.
В шаблоне Товар код:
  <div class="product-shop col-lg-7 col-md-6 col-sm-12 col-xs-12">

Заменил на:
  <div class="product-shop col-lg-8 col-md-6 col-sm-12 col-xs-12">

Код:
  <div class="product-img-box col-lg-5 col-md-6 col-sm-12 col-xs-12">

Заменил на:
  <div class="product-img-box col-lg-4 col-md-6 col-sm-12 col-xs-12">

В шаблоне HTML  код:
		  <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

Заменил на:
		  <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = goods || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

Код:
				  {% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}

Заменил на:
				  {% IF MOD_LNAME = catalog || MOD_LNAME = goods || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}

А так же в шаблоне Товары удалил код:
			<!-- Если есть возможность фильтрации товаров по ценам -->
			{% IF SHOW_GOODS_PRICE_FILTERS %}
			  <div class="filters-price">
				<div class="title">Фильтры по ценам</div>
				<div class="layout-slider">
				  <input id="goods-filter-min-price" class="inputText" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />
				  <span class="price-separator">-</span>
				  <input id="goods-filter-max-price" class="inputText" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" />
				  <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" />
				  <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" />
				  <!-- Фильтры по цене -->
				  <div class="goodsFilterPriceRangePointers">
					<span class="min" style="display:none;">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span>
					<span class="max" style="display:none;">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span>
				  </div>
				  <div id="goods-filter-price-slider"></div>
				  <div class="goodsFilterPriceSubmit">
					<button class="button button2" type="submit" title="Показать">Показать</button>
				  </div>
				</div>
			  </div>
			{% ENDIF %}
			<!-- /END Если есть возможность фильтрации товаров по ценам -->

Перед:
			<!-- Основные Фильтры -->

Проверьте, пожалуйста

#11 Mave

Mave

    Продвинутый пользователь

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

Отправлено 13 Июнь 2017 - 17:57

ой ой, все за меня сделали)) спасибки!!!!! :wub:

#12 Mave

Mave

    Продвинутый пользователь

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

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

В карточке товара подвинуть наличие и размер, а картинку товара сделать больше. Дополнительные картинки хотелось бы разместить под основным фото, а не с левой стороны

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

  • Безымянный.jpg


#13 Mave

Mave

    Продвинутый пользователь

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

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

Добрый вечер, повторюсь:

В карточке товара подвинуть наличие и размер, а картинку товара сделать больше. Дополнительные картинки хотелось бы разместить под основным фото, а не с левой стороны

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

  • Безымянный.jpg


#14 Firefly

Firefly

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

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

Отправлено 17 Июнь 2017 - 10:47

Просмотр сообщенияMave (16 Июнь 2017 - 19:56) писал:

Добрый вечер, повторюсь:

В карточке товара подвинуть наличие и размер, а картинку товара сделать больше. Дополнительные картинки хотелось бы разместить под основным фото, а не с левой стороны

Здравствуйте.
В шаблоне main.css код:
.product-view .product-img-box .product-image {margin: 0 0 0 100px;}
.product-view .product-img-box .product-image .general-img {position: relative;text-align: center;min-height: 200px;}
.product-view .product-img-box .product-image .general-img img {display: block;max-width: 100%;margin: 0 auto;}
.product-img-box .more-views {width: 82px;position: relative;float: left;top: 0px;left: 0px;z-index: 1;}
.product-img-box .more-views .slide-control {display: block;position: absolute;margin: 0 0 0 -1px;width: 84px;height: 21px;line-height: 20px;left: 0;right: auto;cursor: pointer;z-index: 9;background-color: #c1c1c1;opacity: 0.5;color: #fff;text-align: center;font-family: fontawesome;font-size: 14px;}
.product-img-box .more-views .slide-control:hover {opacity: 1;}
.product-img-box .more-views .slide-control.hide, .product-img-box .more-views .slide-control.hide.hide2 {display: none;}
.product-img-box .more-views .prev {bottom: auto;top: 0;}
.product-img-box .more-views .prev:before {content: "\f106";}
.product-img-box .more-views .next {top: auto;bottom: 0;}
.product-img-box .more-views .next:before {content: "\f107";}

Заменил на:
/*.product-view .product-img-box .product-image {margin: 0 0 0 100px;}*/
.product-view .product-img-box .product-image .general-img {position: relative;text-align: center;min-height: 200px;}
.product-view .product-img-box .product-image .general-img img {display: block;max-width: 100%;margin: 0 auto;}
.product-img-box .more-views {width: 100%;position: relative;float: left;top: 0px;left: 0px;z-index: 1;}
.product-img-box .more-views .slide-control {display: block;position: absolute;width: 21px;height: 84px;cursor: pointer;z-index: 9;background-color: #c1c1c1;opacity: 0.5;color: #fff;text-align: center;font-family: fontawesome;font-size: 14px;}
.product-img-box .more-views .slide-control:hover {opacity: 1;}
.product-img-box .more-views .slide-control.hide, .product-img-box .more-views .slide-control.hide.hide2 {display: none;}
.product-img-box .more-views .prev {bottom: auto;left:0;}
.product-img-box .more-views .prev:before {content: "\f0a8";}
.product-img-box .more-views .next {top: auto;right: 0;}
.product-img-box .more-views .next:before {content: "\f0a9";}

В шаблоне main.js код:
setTimeout(function() {
$(".thumblist").lightSlider({
	 easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
	 speed: 600,
	 auto: false,
	 gallery: true,
	 loop: true,
	 rtl: false,
	 enableDrag: true,
	 enableTouch: true,
	 item: 4,
	 thumbMargin: 10,
	 slideMove: 2,
	 slideEndAnimation: false,
	 pager: false,
	 responsive: [
	 // RESPONSIVE CHO Vertical
	 {
	 breakpoint: 641,
		 settings: {item: 2,}
	 },
	 {
	 breakpoint: 481,
		 settings: {item: 1,thumbMargin: 0,}
	 }
	 ],
	 onSliderLoad: function (el) {
	 if(el.getTotalSlideCount() < 2){
		 $('.more-views').hide();
		 $('.product-img-box .product-image').css("margin", "0");
	 }
	 if(el.getTotalSlideCount() < 3){
		 $('.more-views .slide-control').addClass('hide2');
	 }
	 if(el.getTotalSlideCount() < 4){
		 $('.more-views .slide-control').addClass('hide');
	 }
	 $('.more-views').removeClass('fadeout');
	 $('.more-views').addClass('fadein');
	 }
})
}, 0);

Заменил на:
setTimeout(function() {
$(".thumblist").lightSlider({
	 easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
	 speed: 600,
	 auto: false,
	 gallery: true,
	 loop: true,
	 rtl: false,
	 enableDrag: true,
	 enableTouch: true,
	 item: 4,
	 thumbMargin: 10,
	 slideMove: 2,
	 slideEndAnimation: false,
	 pager: false,

	 onSliderLoad: function (el) {
	 if(el.getTotalSlideCount() < 2){
		 $('.more-views').hide();
		 $('.product-img-box .product-image').css("margin", "0");
	 }
	 if(el.getTotalSlideCount() < 3){
		 $('.more-views .slide-control').addClass('hide2');
	 }
	 if(el.getTotalSlideCount() < 4){
		 $('.more-views .slide-control').addClass('hide');
	 }
	 $('.more-views').removeClass('fadeout');
	 $('.more-views').addClass('fadein');
	 }
})
}, 0);

В шаблоне Товар перенес код:
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
{% IFNOT goods_images_empty %}
<div class="more-views fadeout">
	 <div class="slide-control prev"></div>
	 <div class="slide-control next"></div>
	 <ul class="thumblist">
	 {% FOR goods_images %}
		 <li><a href="#" data-image="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="thumblisticon"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
	 {% ENDFOR %}
	 </ul>
</div>
{% ENDIF %}

Код:
<div class="product-img-box col-lg-4 col-md-6 col-sm-12 col-xs-12">

Заменил на:
<div class="product-img-box col-lg-5 col-md-6 col-sm-12 col-xs-12">

Код:
<div class="product-shop col-lg-8 col-md-6 col-sm-12 col-xs-12">

Заменил на:
<div class="product-shop col-lg-7 col-md-6 col-sm-12 col-xs-12">

Код:
<div class="product-content col-lg-8 col-xs-12">

Заменил на:
<div class="product-content col-lg-7 col-xs-12">

Код:
<div class="product-price col-lg-4 col-xs-12">

Заменил на:
<div class="product-price col-lg-5 col-xs-12">

Проверьте результат, пожалуйста.

#15 Mave

Mave

    Продвинутый пользователь

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

Отправлено 17 Июнь 2017 - 16:33

Огромное спасибо!!

#16 Mave

Mave

    Продвинутый пользователь

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

Отправлено 21 Июнь 2017 - 09:59

Добрый день! Без вас никак)

1. под логотипом добавить еще один пункт (в идеале в том же стиле сделать как меню,контакты..) - который будет ссылаться на одну из категорий каталога

2. поменять цвет у стрелки - очень бледная

3. в этом фильтре убрать некоторые позиции отбора

4. в фильтре по цвету можно ли добавить квадратики цветные слева от слова



Заранее спасибо за помощь)

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

  • 123134.jpg
  • апрвр.jpg
  • пвпвп.jpg


#17 Mr.Nito

Mr.Nito

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

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

Отправлено 21 Июнь 2017 - 12:34

Просмотр сообщенияMave (21 Июнь 2017 - 09:59) писал:

Добрый день! Без вас никак)

1. под логотипом добавить еще один пункт (в идеале в том же стиле сделать как меню,контакты..) - который будет ссылаться на одну из категорий каталога

2. поменять цвет у стрелки - очень бледная

3. в этом фильтре убрать некоторые позиции отбора

4. в фильтре по цвету можно ли добавить квадратики цветные слева от слова



Заранее спасибо за помощь)
1.Добавил в шаблоне HTML блок
		  <!--Пункт-->
		  <div class="item toggle_menu_wrap">
			<a href="" class="toggle_menu ">
			  <!--<span class="title">Пункт</span>-->
			</a>
		  </div>
замените его на
		  <!--Пункт-->
		  <div class="item toggle_menu_wrap">
			<a href="#" class="toggle_menu ">
			  <span class="title">Пункт</span>
			</a>
		  </div>
вместо # укажите ссылку
Текст "пункт" замените на свой

2. В main.css замените
#banner .navigation a {position: absolute;top: 32%;margin: 0 50px;}
на
#banner .navigation a {position: absolute;top: 32%;margin: 0 50px;color: #000000;}
3.В шаблоне Товары заменил код
		  <!-- Сортировать по: (Поле сортировки товаров по умолчанию) -->
		  <div class="sort-by">
			<label>Сортировать по:</label>
			<select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();">
			  {% FOR goods_order_fields %}
				<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
			  {% ENDFOR %}
			</select>
		  </div>
		  <!-- /END Сортировать по: -->
на:
		  <!-- Сортировать по: (Поле сортировки товаров по умолчанию) -->
		  <div class="sort-by">
			<label>Сортировать по:</label>
			<select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();">
			  {% FOR goods_order_fields %}
			  {% IF goods_order_fields.ID <= 6 || goods_order_fields.ID >= 13 %} 
				<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
			  {% ENDIF %}
			  {% ENDFOR %}
			</select>
		  </div>
		  <!-- /END Сортировать по: -->


#18 Mave

Mave

    Продвинутый пользователь

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

Отправлено 21 Июнь 2017 - 14:00

1.Добавил в шаблоне HTML блок
                  <!--Пункт-->
                  <div class="item toggle_menu_wrap">
                        <a href="" class="toggle_menu ">
                          <!--<span class="title">Пункт</span>-->
                        </a>
                  </div>
замените его на
                  <!--Пункт-->
                  <div class="item toggle_menu_wrap">
                        <a href="#" class="toggle_menu ">
                          <span class="title">Пункт</span>
                        </a>
                  </div>
вместо # укажите ссылку
Текст "пункт" замените на свой

что-то не очень получилось(((
то слово есть, то нет, как ссылка не работает - просто пропадает. может я что-то напутала....

#19 Mr.Nito

Mr.Nito

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

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

Отправлено 21 Июнь 2017 - 14:37

Просмотр сообщенияMave (21 Июнь 2017 - 14:00) писал:

1.Добавил в шаблоне HTML блок
  <!--Пункт-->
  <div class="item toggle_menu_wrap">
<a href="" class="toggle_menu ">
  <!--<span class="title">Пункт</span>-->
</a>
  </div>
замените его на
  <!--Пункт-->
  <div class="item toggle_menu_wrap">
<a href="#" class="toggle_menu ">
  <span class="title">Пункт</span>
</a>
  </div>
вместо # укажите ссылку
Текст "пункт" замените на свой

что-то не очень получилось(((
то слово есть, то нет, как ссылка не работает - просто пропадает. может я что-то напутала....
Изменения произведены верно.Ошибка с моей стороны.Сейчас всё должно работать.
заменил блок в шаблоне HTML на
			 <!--Пункт-->
				  <div class="item toggle_menu_wrap1">
						<a href="http://son-grad.ru/catalog/Rasprodazha" class="toggle_menu1 fa fa-percent">
						  <span class="title">Распродажа</span>
						</a>
				  </div>
добавил стили для данного блока в main.css
/**/
#header .toggle_menu_wrap1 {display: inline-block;position: relative;z-index: 11;}
#header .toggle_menu_wrap1.active {z-index: 99;}
#header .toggle_menu_wrap1 .toggle_menu1 .title {display: inline-block;vertical-align: top;line-height: 30px;margin-left: 15px;font-size: 16px;text-transform: uppercase;}
#header .toggle_menu1:before {color: #d6b46b;font-size: 30px;}
#header .toggle_menu1:hover:before, #header .toggle_menu.active:before {color: #f50056;}
/* Меню */


#20 Mave

Mave

    Продвинутый пользователь

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

Отправлено 21 Июнь 2017 - 14:48

супер!! то что нужно! Спасибо!!

еще такой вопрос, в каталоге в карточка обрезается название. можно в две строчки сделать?

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

  • Безымянный.jpg





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

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