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


Изменения


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

#61 praim2

praim2

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

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

Отправлено 31 Август 2016 - 10:33

Спасибо .
И подскажите пожалуйста (более подробней на скриншоте) :
1) как сделать что бы блок поиска был одинакового размера с блоком " интернет магазин сантехпрайм"
2) Добавить отображение суммы заказа под корзиной

SL-376370

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

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


#62 Danil

Danil

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

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

Отправлено 31 Август 2016 - 14:25

Просмотр сообщенияpraim2 (31 Август 2016 - 10:33) писал:

Спасибо .
И подскажите пожалуйста (более подробней на скриншоте) :
1) как сделать что бы блок поиска был одинакового размера с блоком " интернет магазин сантехпрайм"
2) Добавить отображение суммы заказа под корзиной

SL-376370
Здравствуйте.
В шаблоне html найдите код
						{% IF cart_count_empty %}
						  <span class="cart-empty">Ваша корзина пуста</span>
						{% ELSE %}
						  <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>				   
						{% ENDIF %}
и замените на

						{% IF cart_count_empty %}
						  <span class="cart-empty">Ваша корзина пуста</span>
						{% ELSE %}
						  <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
				{% FOR cart_sum %}
				  <div class="subtotal">Сумма: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
				{% ENDFOR %}						  
						{% ENDIF %}
В конец main.css добавьте
.col-md-12.col-xs-12.search #search_mini_form .form-search {
	width: 100%;
}
.col-md-4.col-sm-6.col-sms-6.col-smb-12 .col-md-12.col-xs-12.search {
	padding:0;
}
.col-md-12.col-xs-12.search #search_mini_form .form-search input {
	width:100%;
}
.col-md-4 col-sm-6 col-sms-6 col-smb-12 .cart-title > a, .col-md-4 col-sm-6 col-sms-6 col-smb-12 .cart-title > div {
	display: inline-block;
	vertical-align: middle;
}


#63 praim2

praim2

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

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

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

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

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

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


#64 Danil

Danil

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

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

Отправлено 01 Сентябрь 2016 - 15:21

Просмотр сообщенияpraim2 (01 Сентябрь 2016 - 14:42) писал:

Спасибо. Надо еще внести правки
1)Выровнять поиск с блоком инетернет магазин сантех прайм
2) Выровнять надпись "ваша корзина пуста" на одной линии с телефоном и email, и так же выровнять по правому краю с блоком "интернет магазин сантехпрайм"
В шаблоне html найдите код
  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}</div>
  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}</div>
  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">
и замените на

  <div class="col-md-12 col-sm-12 col-sms-12 col-smb-12">{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
В main.css найдите код

#header .search {position: relative;clear: both;}
и замените на
#header .search {position: relative;clear: both;padding: 0;}
#header .col-md-12.col-sm-12.col-sms-12.col-smb-12 p {margin: 0;}
#header .col-md-12.col-sm-12.col-sms-12.col-smb-12 {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}


#65 praim2

praim2

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

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

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

Подскажите пожалуйста как изменить цвет " поиск по магазину..." на черный

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

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


#66 RayLi

RayLi

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

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

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

Просмотр сообщенияpraim2 (05 Сентябрь 2016 - 09:13) писал:

Подскажите пожалуйста как изменить цвет " поиск по магазину..." на черный

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

#header .search .form-search {
position: relative;
z-index: 1000;
padding: 0;
float: right;
background: #fff;
border: 1px solid #e5e5e5;
width: 70%;
}

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

#header .search .form-search {
position: relative;
z-index: 1000;
padding: 0;
float: right;
background: #333744;
border: 1px solid #e5e5e5;
width: 70%;
}


#67 praim2

praim2

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

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

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

Нет, изменить цвет самого шрифта

#68 RayLi

RayLi

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

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

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

Просмотр сообщенияpraim2 (05 Сентябрь 2016 - 10:13) писал:

Нет, изменить цвет самого шрифта

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

<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
						  <div class="form-search">
								<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="fa fa-search"></button>
						  </div>
						</form>

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

<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
						  <div class="form-search">
								<input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..." style="color:#000;" >
								<input type="hidden" name="goods_search_field_id" value="0">
								<button type="submit" title="Искать" class="fa fa-search"></button>
						  </div>
						</form>


#69 praim2

praim2

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

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

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

Изменился цвет только рамки поиска а не цвет шрифта

#70 RayLi

RayLi

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

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

Отправлено 05 Сентябрь 2016 - 12:01

Просмотр сообщенияpraim2 (05 Сентябрь 2016 - 11:12) писал:

Изменился цвет только рамки поиска а не цвет шрифта

В таком случае сделайте, пожалуйста, следующее:
В самый конец шаблона main.css добавьте, пожалуйста, данный код:

input.input-text.search-string::-webkit-input-placeholder {
	color: #333744 !important;
}


#71 praim2

praim2

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

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

Отправлено 05 Сентябрь 2016 - 12:21

К сожалению тоже не помогло

#72 Danil

Danil

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

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

Отправлено 05 Сентябрь 2016 - 12:47

Просмотр сообщенияpraim2 (05 Сентябрь 2016 - 12:21) писал:

К сожалению тоже не помогло
Здравствуйте.
Код
input.input-text.search-string::-webkit-input-placeholder {
		color: #333744 !important;
}
замените на
.col-md-12.col-xs-12.search #search_mini_form .form-search input::-webkit-input-placeholder {color:#c0392b;}
.col-md-12.col-xs-12.search #search_mini_form .form-search input::-moz-placeholder		  {color:#c0392b;}/* Firefox 19+ */
.col-md-12.col-xs-12.search #search_mini_form .form-search input:-moz-placeholder		   {color:#c0392b;}/* Firefox 18- */
.col-md-12.col-xs-12.search #search_mini_form .form-search input:-ms-input-placeholder	  {color:#c0392b;}


#73 praim2

praim2

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

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

Отправлено 05 Сентябрь 2016 - 12:58

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

#74 praim2

praim2

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

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

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

Можно сделать что бы переход в корзину осуществлялся при клике на любую букву а не только на иконку корзины

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

  • kiss_38kb.1473005311.jpg


#75 MikDark

MikDark

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

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

Отправлено 05 Сентябрь 2016 - 15:03

Просмотр сообщенияpraim2 (05 Сентябрь 2016 - 14:30) писал:

Можно сделать что бы переход в корзину осуществлялся при клике на любую букву а не только на иконку корзины

Вам нужно найти в шаблоне HTML код:
<div class="cart-title">
						  <a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i></a>
						{% IF cart_count_empty %}
												  <span class="cart-empty">Ваша корзина пуста</span>
												{% ELSE %}
												  <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
								{% FOR cart_sum %}
								  <div class="subtotal">Сумма: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
								{% ENDFOR %}											 
												{% ENDIF %}

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

<div class="cart-title">
						 <a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i>
						{% IF cart_count_empty %}
												  <span class="cart-empty">Ваша корзина пуста</span>
												{% ELSE %}
												  <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
								{% FOR cart_sum %}
								  <div class="subtotal">Сумма: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
								{% ENDFOR %}											 
												{% ENDIF %}
</a>


#76 praim2

praim2

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

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

Отправлено 05 Сентябрь 2016 - 15:24

Теперь можно сделать так как на скриншоте

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

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


#77 Danil

Danil

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

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

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

Просмотр сообщенияpraim2 (05 Сентябрь 2016 - 15:24) писал:

Теперь можно сделать так как на скриншоте
Изменения Вам произвел, проверьте.

#78 praim2

praim2

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

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

Отправлено 07 Сентябрь 2016 - 07:26

День добрый. к сожалению отображается не корректно.
1) Текст надо сделать что бы был рядом с иконкой
2) Убрать текст у иконки справа

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

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


#79 Vaccina

Vaccina

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

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

Отправлено 07 Сентябрь 2016 - 07:51

В main.css добавьте:
.cart-title div {
	float: right;
	width: 200px;
}
.header-cart .cart-title > div {
	display: none;
}


#80 praim2

praim2

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

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

Отправлено 22 Сентябрь 2016 - 15:20

День добрый!
Помогите внести изменения в блок "вы смотрели"
1) Названия товаров должны отображаться полностью
2) Убрать иконки

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

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





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

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