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


Изменение Главной Страницы


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

#21 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Май 2017 - 13:12

Просмотр сообщенияFirefly (30 Апрель 2017 - 20:22) писал:

Здравствуйте.
Подключил Вам плагин readmore.js
В шаблоне Страница добавил код:
{% IF index_page %}
<style>
.readmore-js-toggle {padding:10px 0;color:red;}
</style>
<script>
$('.htmlDataBlock').readmore({
maxHeight: 240,
moreLink: '<a href="#">Читать дальше...</a>',
lessLink: '<a href="#">Скрыть</a>'
});
</script>
{% ENDIF %}

Он позволит на главной странице при превышении высоты текста в 240px добавлять ссылку "Читать дальше...".
Проверьте, пожалуйста, результат.
Отлично, спасибо )

#22 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Май 2017 - 13:38

Новые вопросы)
1.В карточке товара добавить значки ниже краткого описания товара. Сделать так чтобы, сразу адаптировались в МВ. В скриншоте нарисовал  как должно быть.
2.В карточке товара где доставка, полное описание ... добавить пункт "Оптовикам".
3. В МВ сайта, с подвала удалить "Вход в ЛК".
4. В МВ сайта в шапке, ниже номера телефона добавить кнопку "обратный звонок". В скриншоте нарисовал

Просмотр сообщенияRasa (01 Май 2017 - 13:37) писал:

Новые вопросы)
1.В карточке товара добавить значки ниже краткого описания товара. Сделать так чтобы, сразу адаптировались в МВ. В скриншоте нарисовал  как должно быть.
2.В карточке товара где доставка, полное описание ... добавить пункт "Оптовикам".
3. В МВ сайта, с подвала удалить "Вход в ЛК".
4. В МВ сайта в шапке, ниже номера телефона добавить кнопку "обратный звонок". В скриншоте нарисовал

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

  • Image 2.png
  • Screenshot_2017-05-01-13-30-30.png
  • доставка.png
  • оптовикам.png
  • товар всегда в наличии.png


#23 Mr.Nito

Mr.Nito

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

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

Отправлено 01 Май 2017 - 16:24

Просмотр сообщенияRasa (01 Май 2017 - 13:38) писал:

Новые вопросы)
1.В карточке товара добавить значки ниже краткого описания товара. Сделать так чтобы, сразу адаптировались в МВ. В скриншоте нарисовал  как должно быть.
2.В карточке товара где доставка, полное описание ... добавить пункт "Оптовикам".
3. В МВ сайта, с подвала удалить "Вход в ЛК".
4. В МВ сайта в шапке, ниже номера телефона добавить кнопку "обратный звонок". В скриншоте нарисовал
1. Изменения произвёл в шаблоне Товар  код
	 <div class="promo-block">
	 <div class="promo-item">
		 <img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="">
		 <span class="item-title">Быстрая доставка бесплатно</span>
	 </div>
	 <div class="promo-item">
		 <img src="{ASSETS_IMAGES_PATH}tovar-nalichie.png" alt="">
		 <span class="item-title">10 лет работы <br> 2 склада, магазины</span>
	 </div>
	 <div class="promo-item">
		 <img src="{ASSETS_IMAGES_PATH}optovikam.png" alt="">
		 <span class="item-title">Оптовые скидки до 45%</span>
	 </div>
	 </div>

в файле main.css

/******************************************************************************
Промо блок
*******************************************************************************/
.promo-block {
font-size: 0;
}
.promo-block .promo-item {
width: 33%;
font-size: 16px;
display: inline-block;
vertical-align: top;
text-align:center;
}
.promo-block .promo-item img {
display: block;
margin: auto;
}
.promo-block .item-title {
font-size: 14px;
}
@media(max-width: 380px){
.promo-block .promo-item {
display:block;
width:100%;
margin-bottom:5px;
}
}

2. Пункт добавил.
Текст заполняется в карточке товара через полное SEO описание.

3.В шаблоне HTML найдите код
			 <h3 class="title">Личный кабинет</h3>
			 <ul class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
			 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
			 {% ENDIF %}
			 </ul>

замените на

<h3 class="title">Личный кабинет</h3>
			 <ul class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
			 {% ENDIF %}
			 </ul>

если нужно убрать личный кабинет полностью замените на

			 <ul class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
			 {% ENDIF %}
			 </ul>


#24 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Май 2017 - 18:24

Просмотр сообщенияMr.Nito (01 Май 2017 - 16:24) писал:

1. Изменения произвёл в шаблоне Товар  код
	 <div class="promo-block">
	 <div class="promo-item">
		 <img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="">
		 <span class="item-title">Быстрая доставка бесплатно</span>
	 </div>
	 <div class="promo-item">
		 <img src="{ASSETS_IMAGES_PATH}tovar-nalichie.png" alt="">
		 <span class="item-title">10 лет работы <br> 2 склада, магазины</span>
	 </div>
	 <div class="promo-item">
		 <img src="{ASSETS_IMAGES_PATH}optovikam.png" alt="">
		 <span class="item-title">Оптовые скидки до 45%</span>
	 </div>
	 </div>

в файле main.css

/******************************************************************************
Промо блок
*******************************************************************************/
.promo-block {
font-size: 0;
}
.promo-block .promo-item {
width: 33%;
font-size: 16px;
display: inline-block;
vertical-align: top;
text-align:center;
}
.promo-block .promo-item img {
display: block;
margin: auto;
}
.promo-block .item-title {
font-size: 14px;
}
@media(max-width: 380px){
.promo-block .promo-item {
display:block;
width:100%;
margin-bottom:5px;
}
}

2. Пункт добавил.
Текст заполняется в карточке товара через полное SEO описание.

3.В шаблоне HTML найдите код
			 <h3 class="title">Личный кабинет</h3>
			 <ul class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
			 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
			 {% ENDIF %}
			 </ul>

замените на

<h3 class="title">Личный кабинет</h3>
			 <ul class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
			 {% ENDIF %}
			 </ul>

если нужно убрать личный кабинет полностью замените на

			 <ul class="links">
			 {% IFNOT CLIENT_IS_LOGIN %}
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
			 {% ENDIF %}
			 </ul>
С первым пунктом все отлично. Второй пункт надо сделать для всех товаров. Как пункт доставки, я смог редактировать с одного место. Сейчас получается, каждый раз при добавлении нового товара, надо еще добавить текст для Оптовиков . Вход в ЛК (3 вопрос)
я хотел удалить только с МВ магазина. Сейчас удаляется и в  главной версии магазина. Еще при полной удалении не удаляется слова "сравнение"

#25 Mr.Nito

Mr.Nito

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

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

Отправлено 01 Май 2017 - 18:58

Просмотр сообщенияRasa (01 Май 2017 - 18:24) писал:

С первым пунктом все отлично. Второй пункт надо сделать для всех товаров. Как пункт доставки, я смог редактировать с одного место. Сейчас получается, каждый раз при добавлении нового товара, надо еще добавить текст для Оптовиков . Вход в ЛК (3 вопрос)
я хотел удалить только с МВ магазина. Сейчас удаляется и в  главной версии магазина. Еще при полной удалении не удаляется слова "сравнение"
1й пункт можно заполнить в шаблоне товар в блоке:
	  <!--Оптовикам-->
	  <div id="content_5" class="tab-content f-fix" style="display: none;">
		<p>
		  Ваш текст здесь
		</p>
	  </div>
	  <!--Оптовикам-->

2. Чтобы скрыть ЛК на мобильной версии в файле main.css после
@media all and (max-width: 481px) {
добавьте
div#footer .col-lg-3:nth-child(2) .title,
div#footer .col-lg-3:nth-child(2) .links{
	display:none;
}


#26 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Май 2017 - 20:10

Просмотр сообщенияMr.Nito (01 Май 2017 - 18:58) писал:

1й пункт можно заполнить в шаблоне товар в блоке:
	 <!--Оптовикам-->
	 <div id="content_5" class="tab-content f-fix" style="display: none;">
	 <p>
		 Ваш текст здесь
	 </p>
	 </div>
	 <!--Оптовикам-->

2. Чтобы скрыть ЛК на мобильной версии в файле main.css после
@media all and (max-width: 481px) {
добавьте
div#footer .col-lg-3:nth-child(2) .title,
div#footer .col-lg-3:nth-child(2) .links{
display:none;
}
В мобильной версии сайта, значки которые добавили адаптируются вертикально. Есть способ, чтобы оно стояли горизонтально ?) думаю вы меня поняли :D

#27 Mr.Nito

Mr.Nito

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

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

Отправлено 01 Май 2017 - 20:26

Просмотр сообщенияRasa (01 Май 2017 - 20:10) писал:

В мобильной версии сайта, значки которые добавили адаптируются вертикально. Есть способ, чтобы оно стояли горизонтально ?) думаю вы меня поняли :D
Отображение блоков на мобильном сделал горизонтальным

#28 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 01 Май 2017 - 20:42

Просмотр сообщенияMr.Nito (01 Май 2017 - 20:26) писал:

Отображение блоков на мобильном сделал горизонтальным
Все  замечательно, спасибо))

#29 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Май 2017 - 12:09

Просмотр сообщенияMr.Nito (01 Май 2017 - 20:26) писал:

Отображение блоков на мобильном сделал горизонтальным
Еще не забудьте последний вопрос про Обратный звонок)

#30 Danil

Danil

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

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

Отправлено 02 Май 2017 - 13:27

Просмотр сообщенияRasa (02 Май 2017 - 12:09) писал:

Еще не забудьте последний вопрос про Обратный звонок)
Здравствуйте.
Кнопку обратного звонка Вам добавил, проверьте, пожалуйста.

#31 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Май 2017 - 13:53

Просмотр сообщенияDanil (02 Май 2017 - 13:27) писал:

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

#32 MikDark

MikDark

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

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

Отправлено 02 Май 2017 - 14:07

Просмотр сообщенияRasa (02 Май 2017 - 13:53) писал:

Поле обратного звонка как-то простенький и миниатюрный получилось. Если отправлю вам картинку обратного звонка, можете вставить?

Отправьте, мы посмотрим

#33 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Май 2017 - 14:47

Просмотр сообщенияMikDark (02 Май 2017 - 14:07) писал:

Отправьте, мы посмотрим
Можете еще изменить цвет на зеленый и сделать жирным надпись "обратный звонок". На скриншоте показал. Благодарю!

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

  • обратный звонок.png
  • Screenshot_2017-05-01-13-30-30.png


#34 Danil

Danil

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

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

Отправлено 02 Май 2017 - 17:58

Просмотр сообщенияRasa (02 Май 2017 - 14:47) писал:

Можете еще изменить цвет на зеленый и сделать жирным надпись "обратный звонок". На скриншоте показал. Благодарю!
Изменения Вам произвел, проверьте, пожалуйста.

#35 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 02 Май 2017 - 18:40

Просмотр сообщенияDanil (02 Май 2017 - 17:58) писал:

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

#36 Vaccina

Vaccina

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

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

Отправлено 03 Май 2017 - 03:06

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 350,
maxHeight : 480,
fitToView : false,
width : '100%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

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


#37 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 03 Май 2017 - 11:49

Просмотр сообщенияVaccina (03 Май 2017 - 03:06) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 350,
maxHeight : 480,
fitToView : false,
width : '100%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

замените на:
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 350,
maxHeight : 580,
fitToView : false,
width : '100%',
height : '100%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
Все отлично. Всем спасибо))

#38 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 19 Май 2017 - 15:19

Просмотр сообщенияRasa (03 Май 2017 - 11:49) писал:

Все отлично. Всем спасибо))
Всем доброго дня. Сделал картинку с обратным звонком для оптовиков. Помогите на эту картинку добавить функцию обратного звонка)
Добавил на эту страницу http://kedr-nuts.ru/...tom-i-mel-optom

#39 Danil

Danil

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

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

Отправлено 19 Май 2017 - 15:39

Просмотр сообщенияRasa (19 Май 2017 - 15:19) писал:

Всем доброго дня. Сделал картинку с обратным звонком для оптовиков. Помогите на эту картинку добавить функцию обратного звонка)
Добавил на эту страницу http://kedr-nuts.ru/...tom-i-mel-optom
Здравствуйте.
К сожалению, подобные изменения реализовать не получиться, т.к. наложение элементов на картинку, можно производить только в не адаптивных шаблонах.
Можно сделать похожую форму и установить для нее фон. Вас устроит такой вариант?

#40 Rasa

Rasa

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

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 20 Май 2017 - 12:54

Просмотр сообщенияDanil (19 Май 2017 - 15:39) писал:

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




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

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