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


Изменения Дизайна

Дизайн

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

#1 Сергий

Сергий

    Новичок

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

Отправлено 14 Январь 2018 - 02:00

1) Убрать слайдер
2) Изменить надписи иконок (на скрине показано) + заменить иконку "24" на доллар ( в приложенных изображениях) + убрать описание иконок, оставить только название
3) При переходе из поисковика на сайт, сразу попадать в каталог. Другими словами когда заходишь на сайт сразу оказываешься в поисковике
4) "обычный цвет" кнопок, фигурок и тд заменить на голубой (в приложенных изображениях, или похожий на этот) + "градиент" заменить на голубой градиент (в приложенных или похожий)

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

  • даллар.jpg
  • Безымянный.png
  • град.png
  • a22abc42bf52656d6ecb61ab780150ee.jpg
  • dark_blue_to_cyan_by_ohsnapjenny-d5bpx4j.jpg


#2 metry

metry

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

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

Отправлено 19 Январь 2018 - 14:37

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#slideshow {margin: 0 0;position: relative;}

замените на:

#slideshow {margin: 0 0;position: relative;display:none;}

2. Зайдите в Редактор шаблонов-->HTML и найдите:

			 <div class="banner-top">
			 <ul>
				 <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li1-content"><a href="#">Бесплатная доставка!</a>
					 <p>Доставка по городу и области Бесплатна!</p>
				 </div>
				 </li>
				 <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li2-content"><a href="#">30 дней Гарантии</a>
					 <p>Вы можете вернуть товар в течении 30 дней после получения заказа</p>
				 </div>
				 </li>
				 <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li3-content"><a href="#">Прием заказов 24/7</a>
					 <p>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</p>
				 </div>
				 </li>
			 </ul>
			 </div>

замените на:

			 <div class="banner-top">
			 <ul>
				 <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li1-content"><a href="#">Бесплатная доставка!</a>
					
				 </div>
				 </li>
				 <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li2-content"><a href="#">30 дней Гарантии</a>
					
				 </div>
				 </li>
				 <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
				 <div class="li3-content"><a href="#">Прием заказов 24/7</a>
					
				 </div>
				 </li>
			 </ul>
			 </div>

далее в в редакторе шаблонов в левом блоке среди изображений найдите изображение ico3-banner-top2.jpg ; иОткройте его и через кнопку "Заменить " замените на свое изображение. Размер загружаемого изображения доллара должен быть  70x68 px.


3. Зайдите в раздел Сайт-->Главная страница и  в выпадающем списке задайте Каталог товаров.

4. Зайдите в Редактор шаблонов-->main.css и найдите:

.button {font-family: Arial;background-color: #f79242;color: #fff;line-height: 100%;padding: 10px 20px;display:block;cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align:center;}

в найденном коде для background-color: задайте свой код цвета. - это фон цвета кнопки. Для color: задайте свой код цвета. - это фон цвет шрифта. Код цвета можно подобрать на этом ресурсе.

далее найдите:

.button:hover {background-color: rgba(247,146,66,.7);color: #fff;}

-  в найденном коде для background-color: задайте свой код цвета. - это фон цвета кнопки при наведении мышкой.

так же найдите:

.respl-tabs-container .respl-tabs-wrap ul li.respl-tab {background-color: #f79242;line-height: 100%;font-size: 167%;color: #fff;margin-right: 1px;padding: 20px 25px;float: left;list-style:none;}

и для background-color: задайте свой код цвета.


Так же, пожалуйста, уточните номер аккаунта. Спасибо.





Темы с аналогичным тегами Дизайн

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

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