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


Несколько Общих Вопросов


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

#1 Adakond

Adakond

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

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

Отправлено 30 Январь 2016 - 19:41

Здравствуйте.
Номер аккаунта SL-354533
Есть несколько вопросов, помогите их решить :
1) Как убрать показ этого с сайта, со всех страниц (отмечено красной рамкой) ? А то получается везде какое то дублирование и некрасиво выглядит.

Изображение
Изображение

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

Изображение

3) Как убрать с сайта такую вещь как "Вы смотрели" она мне кажется захламляет сайт и выдает многовато позиций.
Ответьте пожалуйста по пунктам, что бы разобраться что и как менять на будущее самостоятельно )

#2 RedHead

RedHead

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

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

Отправлено 30 Январь 2016 - 20:16

Просмотр сообщенияAdakond (30 Январь 2016 - 19:41) писал:

Здравствуйте.
Номер аккаунта SL-354533
Есть несколько вопросов, помогите их решить :
1) Как убрать показ этого с сайта, со всех страниц (отмечено красной рамкой) ? А то получается везде какое то дублирование и некрасиво выглядит.
2) Когда нажимаешь в верхнем меню "каталог" открывается страница , где нужно выбрать из 2х вариантов : женские ароматы и мужские ароматы, а нужно что бы сразу показывало весь товар который есть, а выбрать уже в любом случае можно в левом меню. И можно ли какой то определенный товар на выбор при этом показывать ( к примеру хиты, новинки, лидеры продаж и тд?
Вот как сейчас:
3) Как убрать с сайта такую вещь как "Вы смотрели" она мне кажется захламляет сайт и выдает многовато позиций.
Ответьте пожалуйста по пунктам, что бы разобраться что и как менять на будущее самостоятельно )

Здравствуйте.
1) В шаблоне main.css замените строку:
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; }
на:
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;display:none; }

2) В разделе Товары -->Товары, создайте новую товарную категорию, в которую добавьте всю необходимую парфюмерию (и мужскую и женскую). Затем кликните по этой категории правой кнопкой мыши и выберите пункт: настроить категорию. В открывшемся окне поставьте галочку "Скрыть товарную категорию на сайте".

Затем зайдите в раздел Сайт-->Меню. Удалите из верхнего меню пункт "Каталог". Создайте новый пункт, назовите его так же: Каталог. В разделе Куда ссылается выберите созданную товарную категорию со всей парфюмерией. Сохраните.

1.jpg 2.jpg 3.jpg

3) В конец шаблона main.css добавьте:
.box.recent {display: none;}


#3 Adakond

Adakond

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

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

Отправлено 30 Январь 2016 - 23:04

Просмотр сообщенияRedHead (30 Январь 2016 - 20:16) писал:

Здравствуйте.
1) В шаблоне main.css замените строку:
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; }
на:
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;display:none; }

2) В разделе Товары -->Товары, создайте новую товарную категорию, в которую добавьте всю необходимую парфюмерию (и мужскую и женскую). Затем кликните по этой категории правой кнопкой мыши и выберите пункт: настроить категорию. В открывшемся окне поставьте галочку "Скрыть товарную категорию на сайте".

Затем зайдите в раздел Сайт-->Меню. Удалите из верхнего меню пункт "Каталог". Создайте новый пункт, назовите его так же: Каталог. В разделе Куда ссылается выберите созданную товарную категорию со всей парфюмерией. Сохраните.

Прикрепленный файл 1.jpgПрикрепленный файл 2.jpgПрикрепленный файл 3.jpg

3) В конец шаблона main.css добавьте:
.box.recent {display: none;}
Спасибо, все получилось как хотел )
Еще появились вопросы.
Вот один из них :
Хотел бы добавить на свой сайт соц сети. Как именно это должно выглядеть я примерно прикинул в фотошопе :
Изображение
Ну только должно быть шрифтом и стилем текста как левее блок Контакты.
И что бы когда человек кликает мышкой на иконку соц сети или надпись рядом с ними его перекидывало на группу в вк/инстаграм.
Жду ответа )

#4 Adakond

Adakond

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

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

Отправлено 30 Январь 2016 - 23:23

Решенная ранее проблема всплыла опять в другом виде.
Когда нажимаешь Каталог, все хорошо, показывает все товары, а не категории. Но у меня стоит при переходу на мой сайт главной страницей каталог сразу, и там все по-старому, так же категории показывает. Помогите исправить )

#5 Adakond

Adakond

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

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

Отправлено 31 Январь 2016 - 23:11

Помогите мне (

#6 Юля123

Юля123

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

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

Отправлено 01 Февраль 2016 - 11:26

Просмотр сообщенияAdakond (30 Январь 2016 - 23:23) писал:

Решенная ранее проблема всплыла опять в другом виде.
Когда нажимаешь Каталог, все хорошо, показывает все товары, а не категории. Но у меня стоит при переходу на мой сайт главной страницей каталог сразу, и там все по-старому, так же категории показывает. Помогите исправить )

Здравствуйте, эту проблему можно решить следующим образом, в разделе Товары -> Товары найдите в особых разделах "Товары на главной". В эту категорию Вы можете добавить все имеющиеся товары. Они отобразятся под каталогом. Вас устроит такой Вариант?


Просмотр сообщенияAdakond (30 Январь 2016 - 23:04) писал:

Спасибо, все получилось как хотел )
Еще появились вопросы.
Вот один из них :
Хотел бы добавить на свой сайт соц сети. Как именно это должно выглядеть я примерно прикинул в фотошопе :
Изображение
Ну только должно быть шрифтом и стилем текста как левее блок Контакты.
И что бы когда человек кликает мышкой на иконку соц сети или надпись рядом с ними его перекидывало на группу в вк/инстаграм.
Жду ответа )


По этому вопросу хотелось бы уточнить. Так как Вы описали, можно добавить, только сейчас у Вас по верстке, предполагается, что в пустых местах в футере будут располагаться новости (3 раздела). Поэтому получается,чтобы установить так раздел "Мы в соц.сетях" нужно один из блоков убрать. Вы согласны на такой вариант? Вы планируете пользоваться разделом новостей?

#7 Adakond

Adakond

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

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

Отправлено 01 Февраль 2016 - 16:51

Просмотр сообщенияЮля123 (01 Февраль 2016 - 11:26) писал:

Здравствуйте, эту проблему можно решить следующим образом, в разделе Товары -> Товары найдите в особых разделах "Товары на главной". В эту категорию Вы можете добавить все имеющиеся товары. Они отобразятся под каталогом. Вас устроит такой Вариант?





По этому вопросу хотелось бы уточнить. Так как Вы описали, можно добавить, только сейчас у Вас по верстке, предполагается, что в пустых местах в футере будут располагаться новости (3 раздела). Поэтому получается,чтобы установить так раздел "Мы в соц.сетях" нужно один из блоков убрать. Вы согласны на такой вариант? Вы планируете пользоваться разделом новостей?

я на самом деле даже не знал что там новости располагаются, не использовал их просто ) Ну а может под контактами расположить аккуратно ?

Просмотр сообщенияЮля123 (01 Февраль 2016 - 11:26) писал:

Здравствуйте, эту проблему можно решить следующим образом, в разделе Товары -> Товары найдите в особых разделах "Товары на главной". В эту категорию Вы можете добавить все имеющиеся товары. Они отобразятся под каталогом. Вас устроит такой Вариант?





По этому вопросу хотелось бы уточнить. Так как Вы описали, можно добавить, только сейчас у Вас по верстке, предполагается, что в пустых местах в футере будут располагаться новости (3 раздела). Поэтому получается,чтобы установить так раздел "Мы в соц.сетях" нужно один из блоков убрать. Вы согласны на такой вариант? Вы планируете пользоваться разделом новостей?
А как то убрать совсем эти иконки с каталогами можно ?

#8 Юля123

Юля123

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

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

Отправлено 01 Февраль 2016 - 17:29

Просмотр сообщенияAdakond (01 Февраль 2016 - 16:51) писал:

я на самом деле даже не знал что там новости располагаются, не использовал их просто ) Ну а может под контактами расположить аккуратно ?


А как то убрать совсем эти иконки с каталогами можно ?

Да, конечно, можно, поэтому я у Вас и уточнила.

В шаблоне HTML после кода:

добавьте код:

<div class="footer-social">
<h4>Мы в соц.сетях</h4>
  <a href="www.instagram.com"><img="ссылка на изображение" alt="Instagram.com"> Instagram</a>
  <a href="www.vk.com"><img="ссылка на изображение" alt="Вконтакте"> Вконтакте</a>
</div>

Соответственно, замените "ссылка на изображение". Если изображения встанут некрасиво, мы поможем Вам их поправить.  И ссылки на сами странички соц сетей так же не забывайте изменить.

далее в main.css добавьте код:

.footer-social { margin-top: 35px;}
.footer-social a { display: block;}



без картинок выглядит так:
QIP Shot - Screen 153.png


2) Вы имеете ввиду убрать вот этот блок?

QIP Shot - Screen 152.png

Это можно сделать. В main.css найдите код:

.product-list2 {display: none;}


#9 Adakond

Adakond

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

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

Отправлено 01 Февраль 2016 - 17:48

Просмотр сообщенияЮля123 (01 Февраль 2016 - 17:29) писал:

Да, конечно, можно, поэтому я у Вас и уточнила.

В шаблоне HTML после кода:

добавьте код:

<div class="footer-social">
<h4>Мы в соц.сетях</h4>
<a href="www.instagram.com"><img="ссылка на изображение" alt="Instagram.com"> Instagram</a>
<a href="www.vk.com"><img="ссылка на изображение" alt="Вконтакте"> Вконтакте</a>
</div>

Соответственно, замените "ссылка на изображение". Если изображения встанут некрасиво, мы поможем Вам их поправить.  И ссылки на сами странички соц сетей так же не забывайте изменить.

далее в main.css добавьте код:

.footer-social { margin-top: 35px;}
.footer-social a { display: block;}


без картинок выглядит так:
Прикрепленный файл QIP Shot - Screen 153.png


2) Вы имеете ввиду убрать вот этот блок?

Прикрепленный файл QIP Shot - Screen 152.png

Это можно сделать. В main.css найдите код:

.product-list2 {display: none;}
1)Вы не написали после какого кода добавлять
2) По поводу второго пункта что бы убрать эти М и W каталоги нужно найти код, и дальше что ? ) Убрать его или как

#10 Adakond

Adakond

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

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

Отправлено 01 Февраль 2016 - 18:05

Просмотр сообщенияЮля123 (01 Февраль 2016 - 17:29) писал:

Да, конечно, можно, поэтому я у Вас и уточнила.

В шаблоне HTML после кода:

добавьте код:

<div class="footer-social">
<h4>Мы в соц.сетях</h4>
<a href="www.instagram.com"><img="ссылка на изображение" alt="Instagram.com"> Instagram</a>
<a href="www.vk.com"><img="ссылка на изображение" alt="Вконтакте"> Вконтакте</a>
</div>

Соответственно, замените "ссылка на изображение". Если изображения встанут некрасиво, мы поможем Вам их поправить.  И ссылки на сами странички соц сетей так же не забывайте изменить.

далее в main.css добавьте код:

.footer-social { margin-top: 35px;}
.footer-social a { display: block;}


без картинок выглядит так:
Прикрепленный файл QIP Shot - Screen 153.png


2) Вы имеете ввиду убрать вот этот блок?

Прикрепленный файл QIP Shot - Screen 152.png

Это можно сделать. В main.css найдите код:

.product-list2 {display: none;}
Кстате по поводу изображений еще, я не знаю как там с ссылкой делать. Я загрузил фото на радикал и ссылку вставил, ничего не произошло. Или как то по другому делается ?

#11 Юля123

Юля123

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

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

Отправлено 01 Февраль 2016 - 18:08

Просмотр сообщенияAdakond (01 Февраль 2016 - 17:48) писал:

1)Вы не написали после какого кода добавлять
2) По поводу второго пункта что бы убрать эти М и W каталоги нужно найти код, и дальше что ? ) Убрать его или как


Здравствуйте, извините, действительно, некорректно написала инструкцию.

Сейчас Вам нужно в шаблоне HTML код:

			 <div class="footer-social">
<h4>Мы в соц.сетях</h4>
  <a href="https://www.instagram.com/parfume_adella"><img="ссылка на изображение" alt="Instagram.com"> Instagram</a>
  <a href="http://vk.com/adellaparfume"><img="ссылка на изображение" alt="Вконтакте"> Вконтакте</a>
</div>
		 </div>

заменить на код:
		 </div>
			 <div class="footer-social">
<h4>Мы в соц.сетях</h4>
  <a href="https://www.instagram.com/parfume_adella"><img="ссылка на изображение" alt="Instagram.com"> Instagram</a>
  <a href="http://vk.com/adellaparfume"><img="ссылка на изображение" alt="Вконтакте"> Вконтакте</a>
</div>


2) А тут не найти код, а добавить его в конце main.css.

Еще раз извините. :unsure:

#12 Adakond

Adakond

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

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

Отправлено 01 Февраль 2016 - 18:58

Просмотр сообщенияЮля123 (01 Февраль 2016 - 18:08) писал:

Здравствуйте, извините, действительно, некорректно написала инструкцию.

Сейчас Вам нужно в шаблоне HTML код:

			 <div class="footer-social">
<h4>Мы в соц.сетях</h4>
<a href="https://www.instagram.com/parfume_adella"><img="ссылка на изображение" alt="Instagram.com"> Instagram</a>
<a href="http://vk.com/adellaparfume"><img="ссылка на изображение" alt="Вконтакте"> Вконтакте</a>
</div>
		 </div>

заменить на код:
</div>
<div class="footer-social">
<h4>Мы в соц.сетях</h4>
<a href="https://www.instagram.com/parfume_adella"><img="ссылка на изображение" alt="Instagram.com"> Instagram</a>
<a href="http://vk.com/adellaparfume"><img="ссылка на изображение" alt="Вконтакте"> Вконтакте</a>
</div>


2) А тут не найти код, а добавить его в конце main.css.

Еще раз извините. :unsure:

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

#13 Adakond

Adakond

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

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

Отправлено 01 Февраль 2016 - 19:53

Просто вставляю ссылку на изображение а оно не появляется (

#14 RayLi

RayLi

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

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

Отправлено 01 Февраль 2016 - 19:58

Просмотр сообщенияAdakond (01 Февраль 2016 - 18:58) писал:

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

Просмотр сообщенияAdakond (01 Февраль 2016 - 19:53) писал:

Просто вставляю ссылку на изображение а оно не появляется (

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

#15 Adakond

Adakond

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

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

Отправлено 01 Февраль 2016 - 20:08

Просмотр сообщенияRayLi (01 Февраль 2016 - 19:58) писал:

Здравствуйте.
К сожалению ту ссылку на изображение, что вы установили в код, не является прямой, из-за чего данное изображение и не отображается на сайте вашего интернет-магазина.
проверьте, пожалуйста и смените ссылку на необходимую.
Вот сейчас я все ссылки перебрал и картинки заработали, но надписей нет рядом, там которые были до этого не корректно отображались.
И как сделать что бы при нажатии на соц сети, они открывались в новой вкладке браузера, а не эту с сайтом замещали ?

#16 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2016 - 06:09

<div class="footer-social">
<h4>Мы в соц.сетях</h4>
  <a href="https://www.instagram.com/parfume_adella"><img="<a target="_blank" href="http://radikal.ru/big/5083fd05e64c4ec78f9420e4afe2d744"><img src="http://s018.radikal.ru/i524/1602/4d/4535861a21c1.jpg" ></a></a>
  <a href="http://vk.com/adellaparfume"><img="<a target="_blank" href="http://radikal.ru/big/8e23691e2d8844108c888d0c7b363aa4"><img src="http://i008.radikal.ru/1602/a2/a6ee617ba3b1.jpg" ></a></a>
</div>

замените на:
<div class="footer-social">
<h4>Мы в соц.сетях</h4>
  <a style="display:inline-block;text-align:center;" target="_blank" href="https://www.instagram.com/parfume_adella"><img src="http://s018.radikal.ru/i524/1602/4d/4535861a21c1.jpg" /><br/><span>Ваш текст</span></a>
  <a style="display:inline-block;text-align:center;" target="_blank" href="http://vk.com/adellaparfume"><img src="http://i008.radikal.ru/1602/a2/a6ee617ba3b1.jpg" /><br/><span>Ваш текст 2</span></a>
</div>


#17 Adakond

Adakond

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

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

Отправлено 05 Февраль 2016 - 02:53

Просмотр сообщенияVaccina (02 Февраль 2016 - 06:09) писал:

<div class="footer-social">
<h4>Мы в соц.сетях</h4>
<a href="https://www.instagram.com/parfume_adella"><img="<a target="_blank" href="http://radikal.ru/big/5083fd05e64c4ec78f9420e4afe2d744"><img src="http://s018.radikal.ru/i524/1602/4d/4535861a21c1.jpg" ></a></a>
<a href="http://vk.com/adellaparfume"><img="<a target="_blank" href="http://radikal.ru/big/8e23691e2d8844108c888d0c7b363aa4"><img src="http://i008.radikal.ru/1602/a2/a6ee617ba3b1.jpg" ></a></a>
</div>

замените на:
<div class="footer-social">
<h4>Мы в соц.сетях</h4>
<a style="display:inline-block;text-align:center;" target="_blank" href="https://www.instagram.com/parfume_adella"><img src="http://s018.radikal.ru/i524/1602/4d/4535861a21c1.jpg" /><br/><span>Ваш текст</span></a>
<a style="display:inline-block;text-align:center;" target="_blank" href="http://vk.com/adellaparfume"><img src="http://i008.radikal.ru/1602/a2/a6ee617ba3b1.jpg" /><br/><span>Ваш текст 2</span></a>
</div>
Спасибо , все заработало.
Есть еще вопросы по оформлению.
Как бы я мог сделать поиск по товарам в каталоге вот как на фото (сделал в фш примерно) Ну что бы стиль текста и рамки совпадал с общим дизайном.
И за ненадобностью как убрать поиск в самом верху, на его место поставить контакты ( что бы ничего не съезжало, ровненько над корзиной )
Изображение
Жду ответа )

#18 Vaccina

Vaccina

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

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

Отправлено 05 Февраль 2016 - 04:22

В шаблоне HTML найдите и удалите:
<!-- Форма поиска -->
			<div id="search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
				<button title="Искать" type="submit" value="Поиск" class="button-search"></button>
				<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
			  </form>
			</div>
			<!-- /Форма поиска -->

В шаблоне Товары найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
		{% IF TARIFF_FEATURE_GOODS_FILTERS %}
		  <div class="filters">

после него вставьте:
<!-- Форма поиска -->
			<div id="search">
			  <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
				<button title="Искать" type="submit" value="Поиск" class="button-search"></button>
				<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
			  </form>
			</div>
			<!-- /Форма поиска -->

В main.css найдите:
#header #search {position: relative;float: right;top:9px;right:0px;margin-bottom: 9px;width: 225px;z-index: 15;}
#header .button-search {position: absolute;right: 0px;top:0px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;border: none;}
#header #search:hover .button-search {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#header #search input {width: 160px;height: 21px;padding:8px;}

замените на:
#search {position: relative;float: right;top:9px;right:0px;margin-bottom: 9px;width: 225px;z-index: 15;}
#search .button-search {position: absolute;right: 0px;top:0px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;border: none;}
#search:hover .button-search {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#search input {width: 160px;height: 21px;padding:8px;}


#19 Adakond

Adakond

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

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

Отправлено 05 Февраль 2016 - 05:46

Просмотр сообщенияVaccina (05 Февраль 2016 - 04:22) писал:

В шаблоне HTML найдите и удалите:
<!-- Форма поиска -->
		 <div id="search">
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
			 <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
			 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
			 </form>
		 </div>
		 <!-- /Форма поиска -->

В шаблоне Товары найдите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
	 {% IF TARIFF_FEATURE_GOODS_FILTERS %}
		 <div class="filters">

после него вставьте:
<!-- Форма поиска -->
		 <div id="search">
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
			 <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
			 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
			 </form>
		 </div>
		 <!-- /Форма поиска -->

В main.css найдите:
#header #search {position: relative;float: right;top:9px;right:0px;margin-bottom: 9px;width: 225px;z-index: 15;}
#header .button-search {position: absolute;right: 0px;top:0px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;border: none;}
#header #search:hover .button-search {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#header #search input {width: 160px;height: 21px;padding:8px;}

замените на:
#search {position: relative;float: right;top:9px;right:0px;margin-bottom: 9px;width: 225px;z-index: 15;}
#search .button-search {position: absolute;right: 0px;top:0px;background: url('{ASSETS_IMAGES_PATH}button-search.png?design=spring') center center no-repeat;width: 36px;height: 36px;cursor: pointer;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;border: none;}
#search:hover .button-search {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
#search input {width: 160px;height: 21px;padding:8px;}
Вышло в целом успешно, но остались доработки.
1) Этот новый поиск в каталоге, как я указал на картинке, должен быть длинным, до рейтинга. В этом даже надпись "Поиск по названию аромата или бренда" не умещается ) (на фото чертой указал длину )
2) Вверху "Связаться с нами" , контакты, и время работы передвинуть чуть правее, что бы было четко над надписью "Корзина покупок". Иконка трубки тоже ровно над иконкой корзины. Расстояние от этой иконки до текста такое же как и у корзины, а не так далеко.( так же немножко что подровнять )
Изображение
Спасибо, жду ответа )

#20 Vaccina

Vaccina

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

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

Отправлено 05 Февраль 2016 - 05:55

1. В main.css найдите:
#search {
	position: relative;
	float: right;
	top: 9px;
	right: 0px;
	margin-bottom: 9px;
	width: 225px;
	z-index: 15;
}

замените на:
#search {
	position: relative;
	float: right;
	top: 9px;
	right: 0px;
	margin-bottom: 9px;
	width: 70%;
	z-index: 15;
}

далее найдите:
#search input {
	width: 160px;
	height: 21px;
	padding: 8px;
}

замените на:
#search input {
	width: 90%;
	height: 21px;
	padding: 8px;
}
2. В main.css найдите:
#header #support {
	position: relative;
	float: right;
	top: 9px;
	margin-right: 11px;
	z-index: 30;
	width: 200px;
}

замените на:
#header #support {
	position: relative;
	float: right;
	top: 9px;
	z-index: 30;
	width: 160px;
}

изменялись в основном значение размеров width, можете подкорректировать по необходимости




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

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