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


Внесение Изменений В Дизайн Темы


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

#1 Гузель

Гузель

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

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

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

Уважаемые модераторы, помогите, пожалуйста! Готова заплатить разумную цену
Аккаунт SL-313392
1) Мне нужно сделать картинку баннера фоновой для шапки.Как на этом сайте http://www.landrover.com/ru/ru/lr/
2) В области под верхней навигацией добавить название магазина текстовое поле.
3) В карточке товара проблемы с зумом: показывает не всю картинку. Мы уже вносили изменения здесь - увеличивали саму картинку, может из-за этого.
4) В карточке товара нужно поменять местами блок с описанием и характеристиками поместить справа от фото товара, а блок с ценой поместить вниз
5) При добавлении фото товара можно ли сделать функцию поворота фото, как в авито?
6) Прицепить якорь к пункту верхней навигации Каталог, чтобы при нажатии на него прокручивалось области после баннера, где начинается непосредственно каталог товаров.

#2 Эбболка

Эбболка

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

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

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

пишите vaccina

#3 Гузель

Гузель

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

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

Отправлено 11 Ноябрь 2014 - 18:41

написала молчат. Сколько ждать нужно?

#4 Vaccina

Vaccina

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

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

Отправлено 12 Ноябрь 2014 - 06:18

1. На сайте примере в шапке сайта установлен слайдер с баннерами, можно ли использовать ваш уже имеющийся на сайте слайдер для реализации задуманного?
2. У вас уже имеется так называемый слоган, актуален ли вопрос?
3. Вы имеете ввиду область зума, где показана увеличенная часть картинки? по какой инструкции вы производили изменения?
4. В шаблоне Товар найдите:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
поменяйте местами с :
{% IFNOT goods_features_empty %}

далее найдите:
<!-- Блок описания товара. Показываем его если есть описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE %}
			<h3>Описание {GOODS_NAME}</h3>
			<div class="htmlDataBlock" itemprop="description">
			  {GOODS_DESCRIPTION_LARGE}
			</div>
		  {% ENDIF %}
		  <!-- END Блок описания товара. Показываем его если есть описание товара -->
		 
		  <!-- Короткое SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			<div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			  {GOODS_SEO_DESCRIPTION_SHORT}
			</div>
		  {% ENDIF %}
		  <!-- END Короткое SEO-описание -->
		 
		  <!-- Полное SEO-описание -->
		  {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			<div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			  {GOODS_SEO_DESCRIPTION_LARGE}
			</div>
		  {% ENDIF %}
		  <!-- END Полное SEO-описание -->
и поменяйте местами с:
<h3>Характеристики {GOODS_NAME}</h3>
		  <table class="goodsDataFeatures" width="100%">
			<tr>
			  {% FOR goods_features%}
				<td>
				  <p class="name"><span class="value">{goods_features.NAME}</span></p>
				</td>
				<td>
				  <span class="value">{goods_features.VALUE}</span>
				</td>
				{goods_features.index | is_divided("2","</tr><tr>","")}
			  {% ENDFOR %}
			</tr>
		  </table>

далее найдите:
<!-- Если есть какое-либо описание товара -->
	{% 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_features_empty %}
	  <li><a href="javascript:tabSwitch(1);" id="tab_1"  class="active">Характеристики</a></li>
	{% ENDIF %}
<!-- Если есть какое-либо описание товара -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <li><a href="javascript:tabSwitch(2);" id="tab_2">Описание</a></li>
	{% ENDIF %}

само перемещение табов на место кнопок и цены не советую, это повлияет на адаптивность и внешний вид.
5. Если вы имеете ввиду изменение в админ панели загрузки изображения и его редактирования, то, к сожалению, подобное реализовать нельзя.
6. Для этого в разделе Сайт - Меню вместо имеющего каталога добавьте новый пункт и в поле "куда ведет" выберите произвольный адрес, впишите ссылку и в конце ссылки без пробела вставьте: #product_list_wrapper

#5 Гузель

Гузель

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

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

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

Спасибо за ответ.

1) Да. Я вчера загрузила 18 картинок для слайдера с расчетом что они будут фоновыми для шапки
2) Актуален. Слоган, который под логотипом, его нужно убрать. В файле html я его убрала из того места, куда ставила сначала. Но на сайте он все равно отображается. А по слогану, который под навигацией нужно применить стили. Достаточно ли прописать стили в файле html?
3) изменения делал фрилансер, я не знаю по каким инструкциям он делал. При наведении мышки на фото при помощи зума (как я понимаю) происходит увеличение картинки. Но с правого и нижнего краев остается область, которая не попадает в зум. Нужно, чтобы всю картинку можно было просмотреть через зум.

#6 Гузель

Гузель

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

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

Отправлено 12 Ноябрь 2014 - 13:49

И еще вопрос: бывают такое, что вношу изменения в файл html, а изменения на сайте вижу только на следующий день. Например, вчера добавила коды вставки картинок в слайдер, увидела их сегодня, потом они пропали опять. Не пойму почему так происходит

#7 Vaccina

Vaccina

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

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

Отправлено 13 Ноябрь 2014 - 04:34

1. В style.css найдите:
.flex-control-nav {
	bottom: -30px;
	position: absolute;
	text-align: center;
	width: 100%;
}
замените на:
.flex-control-nav {
	bottom: -30px;
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
}

далее примерно следующий код:
.flexslider {
	background: #fff;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	margin: 0 0 30px;
	position: relative;
}
замените на:
.flexslider {
	position: absolute;
	top: 0;
	width: 100%;
}

далее найдите примерно следующий блок:
#header-fluid {
	background: url("http://design.sait.ru/header-top-bg.png?design=autumn") repeat-x scroll 0 0 #fafafa;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 10;
}

замените на:
#header-fluid {
	min-height: 600px;
	position: relative;
	z-index: 10;
}

далее найдите:
.container {
	position: relative;
	width: 710px;
}
после него вставьте:
#header-fluid {
	min-height: 50px;
}

2. В шаблоне HTML найдите и удалите:
<div>
	<h2>Интернет магазин цифровой техники по низким ценам</h2>
  </div>

как вы хотите разместить слоган под навигацией? надо еще учитывать адаптивность шаблона

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

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

#8 Гузель

Гузель

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

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

Отправлено 13 Ноябрь 2014 - 17:37

Добрый день

1 пункт получилось, спасибо. Теперь в правом верхнем углу сайта не виден блок с сравнением товара, Он сливается с картинкой. Подскажите как сделать. Хочу поставить этот блок вместо поиска в той же форме.

Изображение
2) Надо бы применить к нему стили примерно так как на рисунке.

3) Проблема с зумом действительно не на всех товарах. Если загруженная картинка больше 640 рх в ширину и 480 рх в высоту, зум отображает нормально. Если же какой-либо параметр меньше, зум показывает неправильно. Мы на самом деле зум не трогали, мы изменили величину главного фото товара. После этого начались проблемы с зумом. Подскажите как решить проблему

#9 Alekseys

Alekseys

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

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

Отправлено 13 Ноябрь 2014 - 18:03

Просмотр сообщенияГузель (13 Ноябрь 2014 - 17:37) писал:

Добрый день

1 пункт получилось, спасибо. Теперь в правом верхнем углу сайта не виден блок с сравнением товара, Он сливается с картинкой. Подскажите как сделать. Хочу поставить этот блок вместо поиска в той же форме.

Изображение
2) Надо бы применить к нему стили примерно так как на рисунке.

3) Проблема с зумом действительно не на всех товарах. Если загруженная картинка больше 640 рх в ширину и 480 рх в высоту, зум отображает нормально. Если же какой-либо параметр меньше, зум показывает неправильно. Мы на самом деле зум не трогали, мы изменили величину главного фото товара. После этого начались проблемы с зумом. Подскажите как решить проблему
Здравствуйте. В style.css добавьте
.menuCompare {
visibility: visible!important;
color: black;
}


#10 Гузель

Гузель

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

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

Отправлено 13 Ноябрь 2014 - 18:08

как понимаю, добавление этого кода "покрасит" Слова  на сравнении в черный цвет? Это ведь не решение

#11 Alekseys

Alekseys

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

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

Отправлено 13 Ноябрь 2014 - 18:10

Просмотр сообщенияГузель (13 Ноябрь 2014 - 18:08) писал:

как понимаю, добавление этого кода "покрасит" Слова  на сравнении в черный цвет? Это ведь не решение
Также данный код сделает текст видимым. Цвет Вы можете изменить на нужный.

#12 Гузель

Гузель

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

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

Отправлено 13 Ноябрь 2014 - 18:11

я хотела поставить текст на сравнении или Список сравнения пуст в поле поиска и укоротить поле поиска до размеров корзины. Чтобы наверху были 2 одинаковых поля

#13 Alekseys

Alekseys

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

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

Отправлено 13 Ноябрь 2014 - 18:24

Просмотр сообщенияГузель (13 Ноябрь 2014 - 18:11) писал:

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

#14 Гузель

Гузель

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

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

Отправлено 13 Ноябрь 2014 - 18:28

в поле поиска вместо поиска и укоротить соответственно это поле. Как нарисовано на картинке

#15 Alekseys

Alekseys

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

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

Отправлено 13 Ноябрь 2014 - 18:38

Просмотр сообщенияГузель (13 Ноябрь 2014 - 18:28) писал:

в поле поиска вместо поиска и укоротить соответственно это поле. Как нарисовано на картинке
Изменить длину строки поиска Вы можете в style.css в блоке
#search_block_top #search_query_top {
width: 350px;
height: 25px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}
редактируя параметр width: 350px; . Перенести в него сравнение товаров к сожалению не удастся.

#16 Гузель

Гузель

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

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

Отправлено 13 Ноябрь 2014 - 18:53

Просмотр сообщенияГузель (13 Ноябрь 2014 - 17:37) писал:

Добрый день

1 пункт получилось, спасибо. Теперь в правом верхнем углу сайта не виден блок с сравнением товара, Он сливается с картинкой. Подскажите как сделать. Хочу поставить этот блок вместо поиска в той же форме.

Изображение
2) Надо бы применить к нему стили примерно так как на рисунке.

3) Проблема с зумом действительно не на всех товарах. Если загруженная картинка больше 640 рх в ширину и 480 рх в высоту, зум отображает нормально. Если же какой-либо параметр меньше, зум показывает неправильно. Мы на самом деле зум не трогали, мы изменили величину главного фото товара. После этого начались проблемы с зумом. Подскажите как решить проблему

Понятно. А по другим пунктам сможете помочь?

#17 Alekseys

Alekseys

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

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

Отправлено 13 Ноябрь 2014 - 19:07

Просмотр сообщенияГузель (13 Ноябрь 2014 - 18:53) писал:

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

#18 Гузель

Гузель

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

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

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

2) Под верхней навигацией есть Название сайта "Интернет магазин цифровой техники по низким ценам". Сейчас оно почти налезает на эту навигацию, нужно немного спустить и применить стили как написано у меня на рисунке

3) У меня проблема с зумом в карточке товара.

#19 Alekseys

Alekseys

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

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

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

Просмотр сообщенияГузель (13 Ноябрь 2014 - 19:20) писал:

2) Под верхней навигацией есть Название сайта "Интернет магазин цифровой техники по низким ценам". Сейчас оно почти налезает на эту навигацию, нужно немного спустить и применить стили как написано у меня на рисунке

3) У меня проблема с зумом в карточке товара.
В шаблоне HTML удалите
<div style="padding: 0pt; position: absolute; bottom: -12px; height: 50px; right: 0pt; width: 820px;">Интернет магазин цифровой техники по низким ценам</div>
Для решения проблем с зумом загрузите изображения большего разрешения для товаров, в которых наблюдается данная проблема.

#20 Гузель

Гузель

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

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

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

Здравствуйте!
После проделанных изменений на сайте появились проблемы:
1) На странице товара и подкатегорий товаров после шапки идет пустое место http://awesomescreen....com/0383v2lra1 скриншот
2) Проблема с зумом в карточке товара Плееры Медиаплеер iconBIT XDS7GL Хотя загружали большую картинку 5184 х 3456

Помогите, пожалуйста решить эти проблемы




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

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