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


Доработки


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

#201 RedHead

RedHead

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

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

Отправлено 07 Апрель 2016 - 13:48

Просмотр сообщенияMari-ina (07 Апрель 2016 - 12:23) писал:

Здравствуйте. Сделала страницу Доставки через вкладки, помогите привести ее к виду как на скрине - нужно убрать нижний белый фон и поднять вкладки к заголовку (сделать как на странице товара)

Здравствуйте. Вы не приложили скриншот, но если я правильно Вас понимаю, то в шаблоне СТРАНИЦА найдите блок кода:

<h1 class="heading_title"><span>{PAGE_NAME}</span></h1>
<div class="box-content htmlDataBlock">

замените его на:

{%IF PAGE_NAME=Доставка и оплата%}<h1 class="heading_title" style="display: none;"><span>{PAGE_NAME}</span></h1>
<div class="box-content htmlDataBlock" style="padding: 0px 10px;border-bottom: none;">
{%ELSE%}
<h1 class="heading_title"><span>{PAGE_NAME}</span></h1>
<div class="box-content htmlDataBlock">
{% ENDIF %} 

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

1.jpg

#202 Mari-ina

Mari-ina

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

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

Отправлено 07 Апрель 2016 - 13:59

Нет, не совсем так хотелось, заголовок нужно оставить. Забыла приложить скрин

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

  • 83.png


#203 RedHead

RedHead

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

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

Отправлено 07 Апрель 2016 - 14:16

Просмотр сообщенияMari-ina (07 Апрель 2016 - 13:59) писал:

Нет, не совсем так хотелось, заголовок нужно оставить. Забыла приложить скрин

Получается, надо только уменьшить отступы на этой странице? В шаблоне СТРАНИЦА замените строку:

<div class="box-content htmlDataBlock">

на:

{%IF PAGE_NAME=Доставка и оплата%}<div class="box-content htmlDataBlock" style="padding: 0px 10px;border-bottom: none;margin-top: -20px;">
{%ELSE%}
<div class="box-content htmlDataBlock">
{% ENDIF %}

Результат:

1.jpg

#204 Mari-ina

Mari-ina

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

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

Отправлено 07 Апрель 2016 - 14:25

Да, нужно поднять выше и убрать белый фон за названиями вкладок

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

  • 84.png
  • 83.png


#205 RedHead

RedHead

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

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

Отправлено 07 Апрель 2016 - 14:40

Просмотр сообщенияMari-ina (07 Апрель 2016 - 14:25) писал:

Да, нужно поднять выше и убрать белый фон за названиями вкладок

Теперь я Вас поняла. В шаблоне СТРАНИЦА замените строку:

<div class="box-content htmlDataBlock">

на:

{%IF PAGE_NAME=Доставка и оплата%}<div class="box-content htmlDataBlock" style="padding: 0px 10px;border-bottom: none; background: none; box-shadow: none;">
{%ELSE%}
<div class="box-content htmlDataBlock">
{% ENDIF %}

1.jpg

#206 Mari-ina

Mari-ina

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

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

Отправлено 07 Апрель 2016 - 19:51

Спасибо, теперь все как надо!

#207 Mari-ina

Mari-ina

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

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

Отправлено 16 Май 2016 - 21:14

Здравствуйте. Сейчас обратила внимание, что в форме обратного звонка появились рамки и прокрутка горизонтальная/вертикальная. Я добавляла границы в таблицу, может быть из-за этого и здесь появились. Но именно в данной форме, рамочки надо убрать и прокрутку тоже.

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

  • 93.png


#208 Юля123

Юля123

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

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

Отправлено 17 Май 2016 - 09:19

Просмотр сообщенияMari-ina (16 Май 2016 - 21:14) писал:

Здравствуйте. Сейчас обратила внимание, что в форме обратного звонка появились рамки и прокрутка горизонтальная/вертикальная. Я добавляла границы в таблицу, может быть из-за этого и здесь появились. Но именно в данной форме, рамочки надо убрать и прокрутку тоже.

Здравствуйте, в шаблоне HTML найдите код:
   <script>
		 $(document).ready(function() {
$(".callme").fancybox({
maxWidth : 300,
maxHeight : 310,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

и замените на код:
   <script>
		 $(document).ready(function() {
$(".callme").fancybox({
maxWidth : 430,
maxHeight : 350,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

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

.htmlDataBlock .feedbackForm  .form tr td {
	border: 0 !important;
}

и так же Вы можете удалить файл style.css так как он у Вас не подключен и соответственно не влияет на отображение сайта

#209 Mari-ina

Mari-ina

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

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

Отправлено 18 Май 2016 - 08:07

Спасибо!

#210 Mari-ina

Mari-ina

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

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

Отправлено 28 Сентябрь 2016 - 13:10

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

#211 Razon

Razon

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

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

Отправлено 28 Сентябрь 2016 - 13:25

Просмотр сообщенияMari-ina (28 Сентябрь 2016 - 13:10) писал:

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

Здравствуйте, если речь идет о сайте аккаунта 299810, то найдите в файле HTML строки:
<!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					 <br />
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
					 </a>
				 {% ENDIF %}
				 </div>

Замените их на:
<!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					 <br />
					 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
					 </a>
				 {% ENDIF %}
								 <div class="mail"><span>{SETTINGS_STORE_EMAIL_MAIN}</span></div>
				 </div>

В файле main.css добавьте строку:
.mail {margin-left:-50px;}

В строке будет указан ваша почта,  указанная в настройках сайта.

#212 Mari-ina

Mari-ina

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

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

Отправлено 25 Октябрь 2016 - 10:29

Здравствуйте. У меня что-то сломалось в мобильной версии, хотя правок в шапке я давно не делала.
1. На скрине 1 для расширения от 800 до 600 телефон и заказ обратного звонка наложились на логотип, подскажите как их отодвинуть обратно к поиску
2. На скрине 2 для расширений от 600 до 400 нужно выровнять все в столбик и поднять вверх до логотипа, сейчас все непонятно как. То есть поиск уменьшить и поднять на уровень логотипа, все остальное в столбик под поиск.
Спасибо

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

  • 1.png
  • 2.png


#213 Firefly

Firefly

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

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

Отправлено 25 Октябрь 2016 - 11:17

Просмотр сообщенияMari-ina (25 Октябрь 2016 - 10:29) писал:

Здравствуйте. У меня что-то сломалось в мобильной версии, хотя правок в шапке я давно не делала.
1. На скрине 1 для расширения от 800 до 600 телефон и заказ обратного звонка наложились на логотип, подскажите как их отодвинуть обратно к поиску
2. На скрине 2 для расширений от 600 до 400 нужно выровнять все в столбик и поднять вверх до логотипа, сейчас все непонятно как. То есть поиск уменьшить и поднять на уровень логотипа, все остальное в столбик под поиск.
Спасибо

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header #support .sup_phone{display:block;width:36px;height:36px;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;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:7px;right: 58px;;}

Замените на:
#header #support .sup_phone{display:block;width:36px;height:36px;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;background: url('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:7px;right: 15px;;}

Найдите код:
#header #support h5{margin-bottom:0px;font-size:16px;font-weight:bold;margin-top:10px;	margin-left: -50px;}

Замените на:
#header #support h5{margin-bottom:0px;font-size:16px;font-weight:bold;margin-top:10px; }

Найдите код:
#header #support a, #header #support a:hover{color: #000;text-decoration: none;margin-left: -50px;}

Замените на:
#header #support a, #header #support a:hover{color: #000;text-decoration: none;}





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

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