Внесение Изменений В Дизайн Темы
#1
Отправлено 11 Ноябрь 2014 - 11:23
Аккаунт SL-313392
1) Мне нужно сделать картинку баннера фоновой для шапки.Как на этом сайте http://www.landrover.com/ru/ru/lr/
2) В области под верхней навигацией добавить название магазина текстовое поле.
3) В карточке товара проблемы с зумом: показывает не всю картинку. Мы уже вносили изменения здесь - увеличивали саму картинку, может из-за этого.
4) В карточке товара нужно поменять местами блок с описанием и характеристиками поместить справа от фото товара, а блок с ценой поместить вниз
5) При добавлении фото товара можно ли сделать функцию поворота фото, как в авито?
6) Прицепить якорь к пункту верхней навигации Каталог, чтобы при нажатии на него прокручивалось области после баннера, где начинается непосредственно каталог товаров.
#2
Отправлено 11 Ноябрь 2014 - 11:46
#3
Отправлено 11 Ноябрь 2014 - 18:41
#4
Отправлено 12 Ноябрь 2014 - 06:18
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
Отправлено 12 Ноябрь 2014 - 12:57
1) Да. Я вчера загрузила 18 картинок для слайдера с расчетом что они будут фоновыми для шапки
2) Актуален. Слоган, который под логотипом, его нужно убрать. В файле html я его убрала из того места, куда ставила сначала. Но на сайте он все равно отображается. А по слогану, который под навигацией нужно применить стили. Достаточно ли прописать стили в файле html?
3) изменения делал фрилансер, я не знаю по каким инструкциям он делал. При наведении мышки на фото при помощи зума (как я понимаю) происходит увеличение картинки. Но с правого и нижнего краев остается область, которая не попадает в зум. Нужно, чтобы всю картинку можно было просмотреть через зум.
#6
Отправлено 12 Ноябрь 2014 - 13:49
#7
Отправлено 13 Ноябрь 2014 - 04:34
.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
Отправлено 13 Ноябрь 2014 - 17:37
1 пункт получилось, спасибо. Теперь в правом верхнем углу сайта не виден блок с сравнением товара, Он сливается с картинкой. Подскажите как сделать. Хочу поставить этот блок вместо поиска в той же форме.
2) Надо бы применить к нему стили примерно так как на рисунке.
3) Проблема с зумом действительно не на всех товарах. Если загруженная картинка больше 640 рх в ширину и 480 рх в высоту, зум отображает нормально. Если же какой-либо параметр меньше, зум показывает неправильно. Мы на самом деле зум не трогали, мы изменили величину главного фото товара. После этого начались проблемы с зумом. Подскажите как решить проблему
#9
Отправлено 13 Ноябрь 2014 - 18:03
Гузель (13 Ноябрь 2014 - 17:37) писал:
1 пункт получилось, спасибо. Теперь в правом верхнем углу сайта не виден блок с сравнением товара, Он сливается с картинкой. Подскажите как сделать. Хочу поставить этот блок вместо поиска в той же форме.
2) Надо бы применить к нему стили примерно так как на рисунке.
3) Проблема с зумом действительно не на всех товарах. Если загруженная картинка больше 640 рх в ширину и 480 рх в высоту, зум отображает нормально. Если же какой-либо параметр меньше, зум показывает неправильно. Мы на самом деле зум не трогали, мы изменили величину главного фото товара. После этого начались проблемы с зумом. Подскажите как решить проблему
.menuCompare { visibility: visible!important; color: black; }
#10
Отправлено 13 Ноябрь 2014 - 18:08
#12
Отправлено 13 Ноябрь 2014 - 18:11
#13
Отправлено 13 Ноябрь 2014 - 18:24
Гузель (13 Ноябрь 2014 - 18:11) писал:
#14
Отправлено 13 Ноябрь 2014 - 18:28
#15
Отправлено 13 Ноябрь 2014 - 18:38
Гузель (13 Ноябрь 2014 - 18:28) писал:
#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
Отправлено 13 Ноябрь 2014 - 18:53
Гузель (13 Ноябрь 2014 - 17:37) писал:
1 пункт получилось, спасибо. Теперь в правом верхнем углу сайта не виден блок с сравнением товара, Он сливается с картинкой. Подскажите как сделать. Хочу поставить этот блок вместо поиска в той же форме.
2) Надо бы применить к нему стили примерно так как на рисунке.
3) Проблема с зумом действительно не на всех товарах. Если загруженная картинка больше 640 рх в ширину и 480 рх в высоту, зум отображает нормально. Если же какой-либо параметр меньше, зум показывает неправильно. Мы на самом деле зум не трогали, мы изменили величину главного фото товара. После этого начались проблемы с зумом. Подскажите как решить проблему
Понятно. А по другим пунктам сможете помочь?
#18
Отправлено 13 Ноябрь 2014 - 19:20
3) У меня проблема с зумом в карточке товара.
#19
Отправлено 13 Ноябрь 2014 - 19:26
Гузель (13 Ноябрь 2014 - 19:20) писал:
3) У меня проблема с зумом в карточке товара.
<div style="padding: 0pt; position: absolute; bottom: -12px; height: 50px; right: 0pt; width: 820px;">Интернет магазин цифровой техники по низким ценам</div>Для решения проблем с зумом загрузите изображения большего разрешения для товаров, в которых наблюдается данная проблема.
#20
Отправлено 17 Ноябрь 2014 - 14:14
После проделанных изменений на сайте появились проблемы:
1) На странице товара и подкатегорий товаров после шапки идет пустое место http://awesomescreen....com/0383v2lra1 скриншот
2) Проблема с зумом в карточке товара Плееры Медиаплеер iconBIT XDS7GL Хотя загружали большую картинку 5184 х 3456
Помогите, пожалуйста решить эти проблемы
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных