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


Поменять Стилистику Кнопок


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

#41 Firefly

Firefly

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

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

Отправлено 27 Сентябрь 2016 - 17:13

Просмотр сообщенияoleinresurs (27 Сентябрь 2016 - 15:43) писал:

Можно ли вместо кнопки в карточке товара "Добавить в избранное" поменять на ссылку (форму) "Сообщить мне о снижении цены"
При нажатии должна отобразиться форма с введением электронного адреса.
после отправки на эл адрес - окно с надписью. - "Спасибо, ваш запрос отправлен!"
Отправка на электронный адрес BeaHeroUkraine@gmail.com

Здравствуйте.
Создал бэкап и в карточке товара добавил Вам ссылку с передачей информации в форму обратной связи о товаре и соответствующим текстом.
Код для добавления в избранное убрал.
Код в шаблоне Товар выглядит так:
		  <br>
		  <a class="added" onclick="document.location = '/feedback/?form[feedback_message]=Уведомите меня о снижении цены на товар &laquo;{GOODS_NAME}&raquo;. Спасибо.'; return false;">Сообщить мне о снижении цены</a>

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

#42 oleinresurs

oleinresurs

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

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

Отправлено 27 Сентябрь 2016 - 17:19

Да супер, то что надо.

#43 oleinresurs

oleinresurs

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

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

Отправлено 27 Сентябрь 2016 - 17:49

Как зафиксировать .header-middle при прокрутке?

#44 Firefly

Firefly

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

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

Отправлено 27 Сентябрь 2016 - 18:02

Просмотр сообщенияoleinresurs (27 Сентябрь 2016 - 17:49) писал:

Как зафиксировать .header-middle при прокрутке?

В конце forall.js добавил код:
/*
Sticky-kit v1.0.4 | WTFPL | Leaf Corcoran 2014 | http://leafo.net
*/
(function(){var t,i;t=this.jQuery,i=t(window),t.fn.stick_in_parent=function(o){var s,n,e,r,c,a,l;for(null==o&&(o={}),r=o.sticky_class,s=o.inner_scrolling,e=o.parent,n=o.offset_top,null==n&&(n=0),null==e&&(e=void 0),null==s&&(s=!0),null==r&&(r="is_stuck"),c=function(o,c,a,l,p,d,f){var u,h,k,g,v,m,y,_,b,w;if(!o.data("sticky_kit")){if(o.data("sticky_kit",!0),m=o.parent(),null!=e&&(m=m.closest(e)),!m.length)throw"failed to find stick parent";if(u=k=!1,b=t("<div />"),b.css("position",o.css("position")),y=function(){var t,i;return t=parseInt(m.css("border-top-width"),10),i=parseInt(m.css("padding-top"),10),c=parseInt(m.css("padding-bottom"),10),a=m.offset().top+t+i,l=m.height(),t=k?(k=!1,u=!1,o.insertAfter(B).css({position:"",top:"",width:"",bottom:""}).removeClass(r),b.detach(),!0):void 0,p=o.offset().top-parseInt(o.css("margin-top"),10)-n,d=o.outerHeight(!0),f=o.css("float"),b.css({width:o.outerWidth(!0),height:d,display:o.css("display"),"vertical-align":o.css("vertical-align"),"float":f}),t?w():void 0},y(),d!==l)return g=void 0,v=n,w=function(){var t,e,h,y;return h=i.scrollTop(),null!=g&&(e=h-g),g=h,k?(y=h+d+v>l+a,u&&!y&&(u=!1,o.css({position:"fixed",bottom:"",top:v}).trigger("sticky_kit:unbottom")),p>h&&(k=!1,v=n,"left"!==f&&"right"!==f||o.insertAfter(B),b.detach(),t={position:"",width:"",top:""},o.css(t).removeClass(r).trigger("sticky_kit:unstick")),s&&(t=i.height(),d>t&&!u&&(v-=e,v=Math.max(t-d,v),v=Math.min(n,v),k&&o.css({top:v+"px"})))):h>p&&(k=!0,t={position:"fixed",top:v},t.width="border-box"===o.css("box-sizing")?o.outerWidth()+"px":o.width()+"px",o.css(t).addClass(r).after(B),"left"!==f&&"right"!==f||b.append(o),o.trigger("sticky_kit:stick")),k&&(null==y&&(y=h+d+v>l+a),!u&&y)?(u=!0,"static"===m.css("position")&&m.css({position:"relative"}),o.css({position:"absolute",bottom:c,top:"auto"}).trigger("sticky_kit:bottom")):void 0},_=function(){return y(),w()},h=function(){return i.off("scroll",w),t(document.body).off("sticky_kit:recalc",_),o.off("sticky_kit:detach",h),o.removeData("sticky_kit"),o.css({position:"",bottom:"",top:""}),m.position("position",""),k?(o.insertAfter(B).removeClass(r),b.remove()):void 0},i.on("touchmove",w),i.on("scroll",w),i.on("resize",_),t(document.body).on("sticky_kit:recalc",_),o.on("sticky_kit:detach",h),setTimeout(w,0)}},a=0,l=this.length;l>a;a++)o=this[a],c(t(o));return this}}).call(this);

В конце main.js добавил Вам код:
// Функция фиксации шапки
jQuery(document).ready(function($){
  if($('.header-middle')){
	$('.header-middle').stick_in_parent({
   sticky_class: 'keep-menu'
  });
}
});

В конце main.css добавил код:
.header-middle.keep-menu {z-index: 100;background: fadeOut(#000000, 20%);position: fixed !important;top: 0px !important;}

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

#45 oleinresurs

oleinresurs

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

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

Отправлено 29 Сентябрь 2016 - 11:56

Да, работает, спасибо.

#46 oleinresurs

oleinresurs

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

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

Отправлено 30 Сентябрь 2016 - 10:57

Как сделать сортировку товара в карточке по умолчанию "по цене" от меньшей к большей. Спасибо.

#47 Mr.Nito

Mr.Nito

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

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

Отправлено 30 Сентябрь 2016 - 11:27

Просмотр сообщенияoleinresurs (30 Сентябрь 2016 - 10:57) писал:

Как сделать сортировку товара в карточке по умолчанию "по цене" от меньшей к большей. Спасибо.
Здравствуйте.
В карточке товара нет возможности изменить сортировку по умолчанию.
Редактировать свойства для модификаций Вы можете в разделе Товары - Свойства

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

  • 30-09-2016 21-04-11.png

Сообщение отредактировал Mr.Nito: 30 Сентябрь 2016 - 21:06
Дополнение


#48 oleinresurs

oleinresurs

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

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

Отправлено 01 Октябрь 2016 - 13:30

Просмотр сообщенияoleinresurs (27 Сентябрь 2016 - 17:49) писал:

Как зафиксировать .header-middle при прокрутке?

Можно ли для мобильных устройств не фиксировать?

#49 Firefly

Firefly

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

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

Отправлено 01 Октябрь 2016 - 14:09

Просмотр сообщенияoleinresurs (01 Октябрь 2016 - 13:30) писал:

Можно ли для мобильных устройств не фиксировать?

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

@media all and (max-width: 641px) {

Замените на:
.header-middle.keep-menu {display:none;}
}

@media all and (max-width: 641px) {


#50 oleinresurs

oleinresurs

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

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

Отправлено 01 Октябрь 2016 - 16:50

1. У меня на сайте не отображается второй номер телефона в "шапке".(hader middle)
отображается только в "подвале"
Можно ли добавить.
2. Можно ли в шапку (hader middle) с левой стороны добавить ссылки с иконками  Доставка, Сособы оплаты

#51 Razon

Razon

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

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

Отправлено 03 Октябрь 2016 - 10:16

Просмотр сообщенияoleinresurs (01 Октябрь 2016 - 16:50) писал:

1. У меня на сайте не отображается второй номер телефона в "шапке".(hader middle)
отображается только в "подвале"
Можно ли добавить.
2. Можно ли в шапку (hader middle) с левой стороны добавить ссылки с иконками  Доставка, Сособы оплаты

Здравствуйте,
1. В файле HTML найдите строки:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
						  <div class="block-phone">
								<i class="fa fa-phone"></i>
								<span class="label"> </span>
								 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>
						  </div>
						  {% ENDIF %}

Замените на:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
						  <div class="block-phone">
								<i class="fa fa-phone"></i>
								<span class="label"> </span>
								 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>
						  </div>
						  <br />
						  {% ENDIF %}
						   {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
						  <div class="block-phone">
								<i class="fa fa-phone"></i>
								<span class="label"> </span>
								 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a>
						  </div>
						  {% ENDIF %}

2. Пришлите пожалуйста скриншот(с указаниями),  что и где бы вы хотели расположить.
Какие именно иконки ?

#52 oleinresurs

oleinresurs

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

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

Отправлено 03 Октябрь 2016 - 17:21

Изображение

На мобильных устройствах не отображалось

#53 Razon

Razon

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

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

Отправлено 03 Октябрь 2016 - 17:50

Просмотр сообщенияoleinresurs (03 Октябрь 2016 - 17:21) писал:

Изображение

На мобильных устройствах не отображалось

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

#54 oleinresurs

oleinresurs

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

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

Отправлено 04 Октябрь 2016 - 12:18

В верхнем меню добавить разделы На главную/Каталог/Доставка/Оплата (в то место как указано на скрине)
В мобильной версии эти разделы не отображать.

еще в .header-bottom добавить часы работы под телефонами

#55 Razon

Razon

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

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

Отправлено 04 Октябрь 2016 - 12:48

Просмотр сообщенияoleinresurs (04 Октябрь 2016 - 12:18) писал:

В верхнем меню добавить разделы На главную/Каталог/Доставка/Оплата (в то место как указано на скрине)
В мобильной версии эти разделы не отображать.

еще в .header-bottom добавить часы работы под телефонами

Здравствуйте,  в файле HTML найдите:
	  <!-- Меню, Логотип, Корзина -->
	  <div class="header-bottom">
		<div class="container">
		  <div class="row">

Замените на:
	  <!-- Меню, Логотип, Корзина -->
	  <div class="header-bottom">
		<div class="container">
		  <div class="row">
			<!-- Меню в шапке -->
			<ul class="menunav">
			  {% FOR menu %}
				{% FOR header %}
				  {% FOR links %}
					<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
				  {% ENDFOR %}
				{% ENDFOR %}
			  {% ENDFOR %}
			</ul>

В файле main.css добавьте строки:
.container .menunav li:hover {border:1px solid #fe7e03;}
.container .menunav li {border: 1px solid;
	padding: 10px;
	float: left;
	margin-left: 3px;
	margin-top: 3px;}
.container .menunav li a {color:#fe7e03;}


Далее в этом же файле найдите:
.header-bottom .block-phone .label {display: none;}

Замените на:
.header-bottom .block-phone .label {display: none;}
.container .menunav {display:none;}

Менять вкладки в этом меню вы можете зайдя в раздел,  Сайт->Меню,  {menu.header}

#56 Razon

Razon

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

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

Отправлено 04 Октябрь 2016 - 13:22

Просмотр сообщенияoleinresurs (04 Октябрь 2016 - 12:18) писал:

еще в .header-bottom добавить часы работы под телефонами

Для этого в файле HTML найдите строки:
<div class="col-lg-6 col-sm-4 col-sms-6 col-smb-6 col-right">
						  <!-- Телефон -->
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
												  <div class="block-phone">
																<i class="fa fa-phone"></i>
																<span class="label"> </span>
																 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>
												  </div>
												  <br />
												  {% ENDIF %}
												   {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
												  <div class="block-phone">
																<i class="fa fa-phone"></i>
																<span class="label"> </span>
																 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a>
												  </div>
												  {% ENDIF %}

После них вставьте строки:
{% IF SETTINGS_STORE_WORK_TIME %}
																  <div class="block-phone">
																  <i class="fa fa-clock-o"></i>Режим работы : <span>{SETTINGS_STORE_WORK_TIME}</span>
																  </div>
																	{% ENDIF %}

В файле main.css найдите:
@media all and (max-width: 1199px) {
.info-list .info-item {padding: 8px 17px;}
.info-list .info-item .info-content {padding-bottom: 0;}
.info-list .info-item .info-icon {margin-right: 10px;}
.products-grid .item {display: inline-block;float: none;}
}

Замените на:
@media all and (max-width: 1199px) {
.info-list .info-item {padding: 8px 17px;}
.info-list .info-item .info-content {padding-bottom: 0;}
.info-list .info-item .info-icon {margin-right: 10px;}
.products-grid .item {display: inline-block;float: none;}
.form-search {margin: 0 auto;margin-left: 30px;float: left;}
}

Далее найдите:
.form-search {display: inline-block;position: relative;float: right;right: 0.5px;z-index: 10;border: 1px solid #c9c8c8;padding: 0 5px;}

Заменит на:
.form-search {display: inline-block;position: relative;float: right;right: 0.5px;z-index: 10;border: 1px solid #c9c8c8;padding: 0 5px;margin-top: -30px;}

Найдите:
.block-phone {display: inline-block;float: none;width: 120px;line-height: 5px;margin-right: 1px;text-transform: none;text-align: right; }

Замените на:
.block-phone {display: inline-block;float: none;width: 255px;line-height: 5px;margin-left: 30px;text-transform: none;}

Найдите:
.header-bottom .block-phone {width: 140px;}

Замените на:
.header-bottom .block-phone {width: 250px;}


#57 oleinresurs

oleinresurs

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

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

Отправлено 12 Октябрь 2016 - 16:16

На сайте исчез блок с фильтрами. Как его восстановить?

#58 Razon

Razon

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

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

Отправлено 12 Октябрь 2016 - 16:27

Просмотр сообщенияoleinresurs (12 Октябрь 2016 - 16:16) писал:

На сайте исчез блок с фильтрами. Как его восстановить?

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

#59 oleinresurs

oleinresurs

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

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

Отправлено 12 Октябрь 2016 - 17:08

а где его добавить?
Может у меня не отображается от того что скрыты категории?
в карточке товара характеристики добавлены.

#60 Razon

Razon

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

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

Отправлено 12 Октябрь 2016 - 17:14

Просмотр сообщенияoleinresurs (12 Октябрь 2016 - 17:08) писал:

а где его добавить?
Может у меня не отображается от того что скрыты категории?
в карточке товара характеристики добавлены.

Добавить фильтры вы можете зайдя в раздел Товары-Товары, нажать левой кнопкой мыши на *Каталог товаров на сайте* в появившемся меню выберете необходимую категорию и нажмите на значок редактирования данной категории.
В меню редактирования категории две самые нижние строчки *Фильтры по характеристикам товаров* и *Фильтры по свойствам товаров*.

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

  • test1.jpg





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

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