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


Помогите Допилить Дизайн


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

#1 KlimOFF

KlimOFF

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

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

Отправлено 18 Апрель 2015 - 15:47

Доброго времени суток!
Очень понравился шаблон "Цитрус", огромное спасибо авторам! Но есть необходимость его немного поправить под себя Аккаунт SL-328923:

1. Главная:
главная.JPG
1.1 Как сменить подсветку верхнего меню и цвет фона корзины-поиска?
1.2 Как убрать логотип сайта и меню каталога вверху, а вместо этого сделать кликабельные логотипы разделов каталога (избранные), а по центру слайдер? меню убил. могу убить и лого, но что-то мне подсказывает, что из него как раз можно сделать то, что мне нужно, поэтому жду ответов. и со слайдером пока не вкурил... не актуально!
1.3 Блок ниже убрать вообще. убил сам
1.4 Как изменить цвет меню "Товары на главной", "Новинки" и "Хиты продаж" да и вообще, где целиком меняется цветовая схема вроде вник

2. Каталог:
каталог.JPG
2.1 Изменения как в п. 1.2 (вообще, приминительно ко всем страницам сайта)
2.2 Сделать Уже в 2 раза блок с меню навигации (ко всему сайту)
2.3 Ну и опять же цветовая схема...

3. Прочее:
3.1 Возможно ли сделать карточки товара в каталоге, как в разделе "Хит" шаблона Нефрит - вращающиеся?
3.2 Какой-то косяк с отображением в карточке товара:
косяк.JPG

Заранее спасибо всем откликнувшимся!

Сообщение отредактировал KlimOFF: 19 Апрель 2015 - 18:45


#2 Firefly

Firefly

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

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

Отправлено 18 Апрель 2015 - 16:42

Просмотр сообщенияKlimOFF (18 Апрель 2015 - 15:47) писал:

Доброго времени суток!
Очень понравился шаблон "Цитрус", огромное спасибо авторам! Но есть необходимость его немного поправить под себя Аккаунт SL-328923:

1. Главная:
Прикрепленный файл главная.JPG
1.1 Как сменить подсветку верхнего меню и цвет фона корзины-поиска?
1.2 Как убрать логотип сайта и меню каталога вверху, а вместо этого сделать кликабельные логотипы разделов каталога (избранные), а по центру слайдер?
1.3 Блок ниже убрать вообще. убил сам
1.4 Как изменить цвет меню "Товары на главной", "Новинки" и "Хиты продаж" да и вообще, где целиком меняется цветовая схема?
Здравствуйте.
1.1 Чтобы изменить цвет верхнего меню
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.header-top {background-color: #f2f2f2;height: 50px;}
В этом коде #f2f2f2 код цвета который Вам нужно изменить.

Чтобы изменить цвет фона корзины
В main.css найдите код:
.header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;}
В этом коде #f79242 код цвета который Вам нужно изменить.
А так же для изменения цвета иконки поиска найдите код:
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;}
В этом коде #f79242 код цвета который Вам нужно изменить.

1.4 В main.css найдите код:
.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;
В этом коде #f79242 код цвета который Вам нужно изменить.

По поводу цвета, если Вы хотите везде (во всем шаблоне) убрать конкретный цвет, то можете выполнить следующее:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css нажмите "Ctrl+F" 2 раза подряд, чтобы открылась строка поиска и строка замены.
В первую строку введите код Вашего цвета, который хотите заменить, например #f79242, а во вторую тот код цвета, на который нужно заменить, например серый #808080 и нажмите на кнопку All.
Таким образом во всем шаблоне, везде, где встречается оранжевый цвет #f79242, он будет заменен на серый #808080.

#3 KlimOFF

KlimOFF

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

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

Отправлено 18 Апрель 2015 - 18:22

Просмотр сообщенияFirefly (18 Апрель 2015 - 16:42) писал:

Здравствуйте.
1.1 Чтобы изменить цвет верхнего меню
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.header-top {background-color: #f2f2f2;height: 50px;}
В этом коде #f2f2f2 код цвета который Вам нужно изменить.

Чтобы изменить цвет фона корзины
В main.css найдите код:
.header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;}
В этом коде #f79242 код цвета который Вам нужно изменить.
А так же для изменения цвета иконки поиска найдите код:
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;}
В этом коде #f79242 код цвета который Вам нужно изменить.

1.4 В main.css найдите код:
.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;
В этом коде #f79242 код цвета который Вам нужно изменить.

По поводу цвета, если Вы хотите везде (во всем шаблоне) убрать конкретный цвет, то можете выполнить следующее:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css нажмите "Ctrl+F" 2 раза подряд, чтобы открылась строка поиска и строка замены.
В первую строку введите код Вашего цвета, который хотите заменить, например #f79242, а во вторую тот код цвета, на который нужно заменить, например серый #808080 и нажмите на кнопку All.
Таким образом во всем шаблоне, везде, где встречается оранжевый цвет #f79242, он будет заменен на серый #808080.

Спасибо, с цветами вроде разобрался!

#4 Firefly

Firefly

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

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

Отправлено 18 Апрель 2015 - 19:33

Просмотр сообщенияKlimOFF (18 Апрель 2015 - 18:22) писал:

Спасибо, с цветами вроде разобрался!

2.2 В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

Замените на:
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-bottom: -20px;}


#5 KlimOFF

KlimOFF

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

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

Отправлено 18 Апрель 2015 - 20:15

Просмотр сообщенияFirefly (18 Апрель 2015 - 19:33) писал:

2.2 В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

Замените на:
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-bottom: -20px;}

Супер, то что доктор прописал!

#6 KlimOFF

KlimOFF

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

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

Отправлено 18 Апрель 2015 - 20:45

Упс... :-( т.к. по специфики магазина метод доставки один - монтажником (и, соответственно, вариант оплаты тоже один - наличными монтажнику), я его "выкусил" из кода, чтобы заказ оформлялся без лишних пунктов... теперь, при нажатии кнопки "Оформить заказ" ругается на то, что не указан метод доставки... :-( где "выкусить" проверку указания метода доставки (и, наверное, способа оплаты)?

#7 Alekseys

Alekseys

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

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

Отправлено 18 Апрель 2015 - 20:48

Просмотр сообщенияKlimOFF (18 Апрель 2015 - 20:45) писал:

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

#8 KlimOFF

KlimOFF

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

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

Отправлено 18 Апрель 2015 - 22:12

Просмотр сообщенияAlekseys (18 Апрель 2015 - 20:48) писал:

Здравствуйте. Убрать данную проверку не выйдет. единственный вариант - это сделать конкретный метод доставки по умолчанию и скрыть его.

Так, восстановил как было...
Всё же, как при оформлении заказа скрыть поля "Способ доставки" и "Форма оплаты"?

#9 Ирина345

Ирина345

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

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

Отправлено 20 Апрель 2015 - 14:12

Просмотр сообщенияKlimOFF (18 Апрель 2015 - 22:12) писал:

Так, восстановил как было...
Всё же, как при оформлении заказа скрыть поля "Способ доставки" и "Форма оплаты"?
Здравствуйте, создайте способ доставки равным 0,
далее найдите в шаблоне Быстрый заказ

  <!-- Способ доставки-->
	  <div> 
замените на


  <!-- Способ доставки-->
	  <div style="display:none">

далее найдите        
  <!-- Способ оплаты -->
	  {% FOR order_delivery %}
		{% IFNOT order_delivery.available_payment_list_empty  %}
		  <div class="quick_order_payment" rel="{order_delivery.ID}" style="display: none;"> 
			<div class="title-box text-center">
			  <h2 class="title" title="Выберите удобный для вас способ оплаты заказа">Cпособ оплаты</h2>
			</div>
			<table class="orderStagePaymentListTable basket" style="max-width: 775px;">

замените на


<!-- Способ оплаты -->
	  {% FOR order_delivery %}
		{% IFNOT order_delivery.available_payment_list_empty  %}
		  <div class="quick_order_payment" rel="{order_delivery.ID}" style="display: none;"> 
			<div class="title-box text-center" style="display:none">
			  <h2 class="title" title="Выберите удобный для вас способ оплаты заказа">Cпособ оплаты</h2>
			</div>
			<table class="orderStagePaymentListTable basket" style="max-width: 775px;"style="display:none">



#10 KlimOFF

KlimOFF

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

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

Отправлено 20 Апрель 2015 - 17:04

Спасибо, добрая фея! :)




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

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