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


Нужна Помощь


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

#1 samob

samob

    Новичок

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

Отправлено 26 Ноябрь 2014 - 20:20

Здравствуйте! Помогите пожалуйста решить следующие задачи:

1. Как в шапке увеличить шрифт с телефоном и добавить туда иконки вконтакте, скайп.
2. Изменить цвет фона в шапке.
3. Разместить в данной области текст без сдвига следующей части сайта вниз.
4 Сделать так что бы слайды корректно отображались, при смене не оставалось предыдущего слайда, заменить второй слайд на мое изображение.
5. Увеличить размер шрифта товаров каталога.

http://smoke-now.ru/

SL-320137

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

  • 111.jpg


#2 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 02 Декабрь 2014 - 13:27

Тоже интересует пункт 3 со сдвигом "контактов и временем работы" вправо. Вписать профиль магазина.
Заранее спасибо ))

#3 Vaccina

Vaccina

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

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

Отправлено 05 Декабрь 2014 - 06:01

Просмотр сообщенияsamob (26 Ноябрь 2014 - 20:20) писал:

Здравствуйте! Помогите пожалуйста решить следующие задачи:

1. Как в шапке увеличить шрифт с телефоном и добавить туда иконки вконтакте, скайп.
2. Изменить цвет фона в шапке.
3. Разместить в данной области текст без сдвига следующей части сайта вниз.
4 Сделать так что бы слайды корректно отображались, при смене не оставалось предыдущего слайда, заменить второй слайд на мое изображение.
5. Увеличить размер шрифта товаров каталога.

http://smoke-now.ru/

SL-320137

1. Для увеличения шрифта контактов в шаблоне style.css найдите:
.contacts {
	color: #fff !important;
	display: block;
	float: left;
	font-family: Calibri;
	font-size: 14px;
	line-height: 1em;
	margin: 15px 15px 10px;
}

в нем увеличьте значение стиля font-size

Для добавления дополнительной контактной информации, найдите в шаблоне HTML
<!-- Время работы магазина -->
			{% IF SETTINGS_STORE_WORK_TIME %}
			  <div class="time">
				<b>Время работы:</b><br />
				<span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				  {SETTINGS_STORE_WORK_TIME}
				</span>
			  </div>
			{% ENDIF %}

после него вставьте необходимую информацию, для скайпа имеется поле в разделе Настройки - основные.

2. В style.css найдите примерно следующий блок:
#header .container {
	background: url("http://design.sait.ru/header-bg.png?design=movement");
	border-bottom: 5px solid #ff0000;
}

и в нем измените значение стиля background на необходимое

3. В шаблоне HTML перед:
<div class="container contentText">	   
вставляете блок с необходимой информацией

4.Для этого необходимо чтобы все слайды были одинаковы по ширине и высоте.

5. В style.css найдите:
.accordion a {
	border-bottom: 1px solid #eeece7;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: 700;
	padding: 8px 10px 8px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

увеличьте значение стиля font-size

Просмотр сообщенияVialex (02 Декабрь 2014 - 13:27) писал:

Тоже интересует пункт 3 со сдвигом "контактов и временем работы" вправо. Вписать профиль магазина.
Заранее спасибо ))

В шаблоне HTML перед:
<div class="contacts">
разместите блок по примеру:
<div class="contacts">
текст
</div>


#4 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 06 Май 2015 - 10:04

Подскажите, как сделать так, чтобы вот эти два пункта были не в столбик, а в одну строку http://joxi.ru/n2Yz9k3HeKEVA6. Примерно так http://joxi.ru/Q2Kx9pNiv8BJAj.
Спасибо, с уважением.

#5 Danil

Danil

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

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

Отправлено 06 Май 2015 - 10:06

Просмотр сообщенияVialex (06 Май 2015 - 10:04) писал:

Подскажите, как сделать так, чтобы вот эти два пункта были не в столбик, а в одну строку http://joxi.ru/n2Yz9k3HeKEVA6. Примерно так http://joxi.ru/Q2Kx9pNiv8BJAj.
Спасибо, с уважением.
Здравствуйте.
При переходе по указанным ссылкам выдает ошибку, пришлите скриншот с необходимыми изменениями.

#6 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 06 Май 2015 - 10:12

вот из этого http://joxi.ru/MAjMO14Fkybn2e - это http://joxi.ru/BA04EpPcpjELAy
а так...

#7 Danil

Danil

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

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

Отправлено 06 Май 2015 - 10:37

Просмотр сообщенияVialex (06 Май 2015 - 10:12) писал:

вот из этого http://joxi.ru/MAjMO14Fkybn2e - это http://joxi.ru/BA04EpPcpjELAy
а так...
В style.css найдите код
.toolbar {
  border: 1px solid #cdcdcd;
  padding: 15px;
  margin: 5px 0 5px 0;
}
и замените на
.toolbar {
  border: 1px solid #cdcdcd;
  padding: 15px;
  margin: 5px 0 5px 0;
  max-width: 485px;
  float: left;
  width: 100%;
}
.contentText > form {
  width: 217px;
  display: block;
  float: left;
  padding: 0px 10px;
  margin: 0px 0px 9px 5px;
}
.contentText > form > div {
  margin: 5px 0px 0px 0px;
}


#8 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 06 Май 2015 - 12:13

Спасибо, получилось.
А подскажите пожалуйста, необходимо добавить выбор размера и чтобы цена отображалась, всё вот как здесь ИзображениеС ценой у самого не получается((
Как это сделать?

#9 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 06 Май 2015 - 12:36

и еще два вопроса: хотелось бы сделать вот так
1. выбор размера через кнопочки - примерно так. как это можно реализовать?
2. вставить форму быстрого заказа с телефоном в товар
Изображение

#10 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 06 Май 2015 - 14:04

3. помогите пожалуйста перенести "корзину" и сделать как на картинке (и соответственно сместить "поиск")
Изображение

#11 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 07 Май 2015 - 11:40

Доброго времени суток!
А это нельзя реализовать или надо подождать?
С уважением.

#12 Vaccina

Vaccina

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

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

Отправлено 08 Май 2015 - 05:35

Просмотр сообщенияVialex (06 Май 2015 - 12:13) писал:

Спасибо, получилось.
А подскажите пожалуйста, необходимо добавить выбор размера и чтобы цена отображалась, всё вот как здесь С ценой у самого не получается((
Как это сделать?

Для отображения фильтра по модификациям зайдите в раздел Товары - Товары - зайдите в редактирование необходимой категории - включите фильтр по модификациям.

Просмотр сообщенияVialex (06 Май 2015 - 12:36) писал:

и еще два вопроса: хотелось бы сделать вот так
1. выбор размера через кнопочки - примерно так. как это можно реализовать?
2. вставить форму быстрого заказа с телефоном в товар

1. Инструкция по реализации: http://forum.storela...120#entry137169

2. В шаблоне Товары найдите:
<!-- Блок описания модификации -->
	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
	  {GOODS_MOD_DESCRIPTION}
	 </div>
		  <div class="clear"></div>
	</div>
	  </form>

после него расположите код формы:
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
	   
		 <input type="hidden" name="hash" value="{HASH}" />
		 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		 {ANTISPAM_CODE}
		 <table class="form">
				 <tr>
				 <td><label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label></td>
				 <td><input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/></td>
				 </tr>
				 <tr>
				 <td><label for="callback_phone" class="required">Телефон<em>*</em></label></td>
				 <td><input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/></td>
				 </tr>
		 </table>
		 <div class="buttons">
		 <div class="right">
				 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
		 </div>
		 </div>
</form>

3. В style.css найдите:
.shopping_cart_block {
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 10;
}
замените на:
.shopping_cart_block {
  position: absolute;
  right: 20px;
  top: 77px;
  z-index: 10;
}

далее найдите:
#search {
  position: absolute;
  right: 100px;
  top: 20px;
  width: 150px;
  z-index: 100;
}
замените на:
#search {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 150px;
  z-index: 100;
}

Далее в шаблоне HTML найдите:
<!-- Корзина -->
		  <div class="shopping_cart_block">
			<a href="{CART_URL}" class="shopping_cart"  title="Просмотреть корзину">
			  {% IFNOT cart_count_empty %}
				<span id="cart-total">
				  {CART_COUNT_TOTAL}
				</span>
			  {% ENDIF %}
			</a>
замените на:
<!-- Корзина -->
		  <div class="shopping_cart_block">
	  <span id="cartSum">
		  {% IF cart_count_empty %}
			<span>Ой! А в вашей корзине</br>нет товаров :(</span>
		  {% ELSE %}
	  <a href="{CART_URL}" title="Просмотреть корзину">В вашей корзине</br>
			<span id="cart-total">
				  {CART_COUNT_TOTAL} =
				</span>
	{% FOR cart_sum %}
			  <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
			<a href="{CART_URL}" class="shopping_cart"  title="Просмотреть корзину">
			  {% IFNOT cart_count_empty %}
				<span id="cart-total">
				  {CART_COUNT_TOTAL}
				</span>
			  {% ENDIF %}
			</a>  


#13 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 08 Май 2015 - 10:29

2. Заменил в шаблоне Товар... В шаблоне Товары не нашел, правильно сделал?
3. Не могу найти этот блок:

далее найдите:
#search {
  position: absolute;
  right: 100px;
  top: 20px;
  width: 150px;
  z-index: 100;
}
замените на:
#search {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 150px;
  z-index: 100;
}

только такой более подходящий

#search {position: right; width: auto;right: 0;top: 0;margin: 0 0 0 0px;}

#14 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 08 Май 2015 - 13:01

1. пункт 1 не получается сделать (пытался сделать выбор двух модификаций), написал тут
http://forum.storela...240#entry198421

теперь висит ошибка на сайте (( помогите реализовать или исправить ошибку

2. блок так и не могу найти (предыдущее сообщение)

Заранее спасибо, с уважением.

Сообщение отредактировал Vialex: 08 Май 2015 - 13:19


#15 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 08 Май 2015 - 14:03

3.... и всё-таки.... написал, редактировал и ответ не нашел. Из сообщения #91 http://forum.storela...ии/page__st__80 перешел сюда

Перечитал весь форум http://forum.storela...120#entry137350 и на этой странице рекомендуют прочитать, но так и не нашел, как сделать кнопки горизонтально в линию, а не вертикально.
4. и пробовал вставлять/менять коды по изменению кол-ва товара => меняется цена.... ничего не меняется и никак не реагирует. КЭШ обновлял.

ПОМОГИТЕ пожалуйста

5. и сообщение #10 помогите реализовать....

#16 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 08 Май 2015 - 19:12

Просмотр сообщенияVialex (06 Май 2015 - 14:04) писал:

3. помогите пожалуйста перенести "корзину" и сделать как на картинке (и соответственно сместить "поиск")
Изображение

Спасибо за реализацию. А можно подкорректировать по цвету и положению. Сам никак не могу разобраться, всё как умел - не получается((

#17 Firefly

Firefly

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

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

Отправлено 08 Май 2015 - 19:40

Просмотр сообщенияVialex (08 Май 2015 - 19:12) писал:

Спасибо за реализацию. А можно подкорректировать по цвету и положению. Сам никак не могу разобраться, всё как умел - не получается((

Добрый вечер.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.shopping_cart_block {position: absolute;right: 10px;top: 57px;z-index: 10;}

Замените на:
.shopping_cart_block {position: absolute;right: 10px;top: 150px;z-index: 10;color: white;background-color: rgba(68,117,167,0.4);}

В конце main.css добавьте код:
#cartSum {
float: left;
margin-right: 10px;
}

#cartSum a {
color: #fff;
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
{% FOR cart_sum %}
						  <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
						{% ENDFOR %}

Замените на:
{% FOR cart_sum %}
						  <span style="color: #FFA500;">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
						{% ENDFOR %}


#18 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 08 Май 2015 - 23:30

Просмотр сообщенияFirefly (08 Май 2015 - 19:40) писал:

Добрый вечер.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.shopping_cart_block {position: absolute;right: 10px;top: 57px;z-index: 10;}

Замените на:
.shopping_cart_block {position: absolute;right: 10px;top: 150px;z-index: 10;color: white;background-color: rgba(68,117,167,0.4);}

В конце main.css добавьте код:
#cartSum {
float: left;
margin-right: 10px;
}

#cartSum a {
color: #fff;
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
{% FOR cart_sum %}
						 <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
					 {% ENDFOR %}

Замените на:
{% FOR cart_sum %}
						 <span style="color: #FFA500;">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span>
					 {% ENDFOR %}

1. картинка корзины на месте была, вопрос в том, как подвинуть текст, чтобы он был слева от неё, а не наезжал сверху.
2. и вот появился вопрос, когда положил в корзину товар цвет текста изменился снова, и его не будет видать на фоне, как его сделать другим.
картинка во вложении
Изображение

Заранее спасибо, с уважением.

#19 Vaccina

Vaccina

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

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

Отправлено 09 Май 2015 - 01:24

В style.css найдите:
.shopping_cart_block {
  background-color: rgba(68, 117, 167, 0.4);
  color: white;
  position: absolute;
  right: 10px;
  top: 57px;
  z-index: 20;
}

замените на:
.shopping_cart_block {
  background-color: rgba(68, 117, 167, 0.4);
  color: white;
  position: absolute;
  right: 10px;
  top: 75px;
  z-index: 20;
}
.shopping_cart_block > span#cartSum {
  display: block;
  float: left;
  padding-right: 10px;
}
.shopping_cart_block #cartSum > a {
  color: #fff;
}


#20 Vialex

Vialex

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

  • Пользователи
  • PipPipPip
  • 65 сообщений
  • ГородМосква

Отправлено 09 Май 2015 - 09:57

Помогите, срочно!
Вначале, если нажимаешь на стрелки, то переводит на начало страницы

Изображение


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




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

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