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


Создать Страницу Вопросов

Автор Ribka, 28 Aug 2017 19:27

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

#1 Ribka

Ribka

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

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

Отправлено 28 August 2017 - 19:27

Добрый день.
1. Подскажите, пожалуйста, можно ли реализовать в данном шаблоне страницу типо FAQ, но не просто с текстом, а с раскрывающимися окнами? https://prnt.sc/ge36v1 + https://prnt.sc/ge3bkx
Я создала страницу в нижнем меню.

Но в нижнем блоке в категории МЕНЮ уже сликом много страниц. Хотелось бы их рассредоточить:
2.   Добавить новый блок под "КОНТАКТЫ" и в новом блоке "ПОДДЕРЖКА" отображать такие страницы, как FAQ; Возврат/обмен; Связь с администрацией.
https://prnt.sc/ge3gbd + https://prnt.sc/ge3ia0

#2 Firefly

Firefly

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

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

Отправлено 29 August 2017 - 11:12

Просмотр сообщенияRibka (28 August 2017 - 19:27) писал:

Добрый день.
1. Подскажите, пожалуйста, можно ли реализовать в данном шаблоне страницу типо FAQ, но не просто с текстом, а с раскрывающимися окнами? https://prnt.sc/ge36v1 + https://prnt.sc/ge3bkx
Я создала страницу в нижнем меню.

Но в нижнем блоке в категории МЕНЮ уже сликом много страниц. Хотелось бы их рассредоточить:
2.   Добавить новый блок под "КОНТАКТЫ" и в новом блоке "ПОДДЕРЖКА" отображать такие страницы, как FAQ; Возврат/обмен; Связь с администрацией.
https://prnt.sc/ge3gbd + https://prnt.sc/ge3ia0

Здравствуйте.
В шаблоне main.css добавил Вам код:
.spoiler_block {margin: 10px 0;}
.spoiler_block > div {margin: 10px 0;}
.spoiler-trigger{
text-decoration: none;
padding-left: 5px;
}
.spoiler-trigger:before{content: "\f067";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger.active:before{content: "\f068";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger>span{
border-bottom: 1px dashed #22121e;
padding:0 3px;
}
.spoiler-trigger:hover>span{
border-bottom-style: solid;
}
.spoiler-block{
display: none;
padding: 10px 25px 0;
}

В шаблоне main.js добавил код:
.spoiler_block {margin: 10px 0;}
.spoiler_block > div {margin: 10px 0;}
.spoiler-trigger{
text-decoration: none;
padding-left: 5px;
}
.spoiler-trigger:before{content: "\f067";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger.active:before{content: "\f068";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger>span{
border-bottom: 1px dashed #22121e;
padding:0 3px;
}
.spoiler-trigger:hover>span{
border-bottom-style: solid;
}
.spoiler-block{
display: none;
padding: 10px 25px 0;
}

В шаблоне Страница добавил код:
{% IF PAGE_NAME=FAQ %}
<div class="spoiler_block">
<div>
<a href="#" class="spoiler-trigger"><span>Минимальная сумма заказа оптом?</span></a>
<div class="spoiler-block">Ответ на вопрос 1</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Как осуществляется доставка?</span></a>
<div class="spoiler-block">Ответ на вопрос 2</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Доставка до офиса ТК в вашем городе платная?</span></a>
<div class="spoiler-block">Ответ на вопрос 3</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>При отправке товара почтой стоимость доставки оплачиваете вы?</span></a>
<div class="spoiler-block">Ответ на вопрос 4</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Какие гарантии того что после оплаты вы вышлите товар?</span></a>
<div class="spoiler-block">Ответ на вопрос 5</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Где можно почитать отзывы о вашей продукции?</span></a>
<div class="spoiler-block">Ответ на вопрос 6</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Вы есть в социальных сетях?</span></a>
<div class="spoiler-block">Ответ на вопрос 7</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>У вас можно заказать в розницу?</span></a>
<div class="spoiler-block">Ответ на вопрос 8</div>
</div>
</div>
{% ENDIF %}

Здесь Вы можете дописывать аналогичные конструкции, начиная с <div>, проблем возникнуть не должно.

В HTML добавил код:
				<ul class="links">
				  {% FOR menu %}
					{% FOR footer2 %}
					  {% FOR links %}
						<li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>

Теперь пункты Вы можете добавлять/удалять в разделе Сайт - Меню для меню с названием "Нижнее 2".

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

  • Screenshot.png

#3 Ribka

Ribka

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

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

Отправлено 29 August 2017 - 13:05

Просмотр сообщенияFirefly (29 August 2017 - 11:12) писал:

Здравствуйте.
В шаблоне main.css добавил Вам код:
.spoiler_block {margin: 10px 0;}
.spoiler_block > div {margin: 10px 0;}
.spoiler-trigger{
text-decoration: none;
padding-left: 5px;
}
.spoiler-trigger:before{content: "\f067";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger.active:before{content: "\f068";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger>span{
border-bottom: 1px dashed #22121e;
padding:0 3px;
}
.spoiler-trigger:hover>span{
border-bottom-style: solid;
}
.spoiler-block{
display: none;
padding: 10px 25px 0;
}

В шаблоне main.js добавил код:
.spoiler_block {margin: 10px 0;}
.spoiler_block > div {margin: 10px 0;}
.spoiler-trigger{
text-decoration: none;
padding-left: 5px;
}
.spoiler-trigger:before{content: "\f067";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger.active:before{content: "\f068";font-family: FontAwesome;padding-right:10px;}
.spoiler-trigger>span{
border-bottom: 1px dashed #22121e;
padding:0 3px;
}
.spoiler-trigger:hover>span{
border-bottom-style: solid;
}
.spoiler-block{
display: none;
padding: 10px 25px 0;
}

В шаблоне Страница добавил код:
{% IF PAGE_NAME=FAQ %}
<div class="spoiler_block">
<div>
<a href="#" class="spoiler-trigger"><span>Минимальная сумма заказа оптом?</span></a>
<div class="spoiler-block">Ответ на вопрос 1</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Как осуществляется доставка?</span></a>
<div class="spoiler-block">Ответ на вопрос 2</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Доставка до офиса ТК в вашем городе платная?</span></a>
<div class="spoiler-block">Ответ на вопрос 3</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>При отправке товара почтой стоимость доставки оплачиваете вы?</span></a>
<div class="spoiler-block">Ответ на вопрос 4</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Какие гарантии того что после оплаты вы вышлите товар?</span></a>
<div class="spoiler-block">Ответ на вопрос 5</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Где можно почитать отзывы о вашей продукции?</span></a>
<div class="spoiler-block">Ответ на вопрос 6</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>Вы есть в социальных сетях?</span></a>
<div class="spoiler-block">Ответ на вопрос 7</div>
</div>
<div>
<a href="#" class="spoiler-trigger"><span>У вас можно заказать в розницу?</span></a>
<div class="spoiler-block">Ответ на вопрос 8</div>
</div>
</div>
{% ENDIF %}

Здесь Вы можете дописывать аналогичные конструкции, начиная с <div>, проблем возникнуть не должно.

В HTML добавил код:
			 <ul class="links">
				 {% FOR menu %}
				 {% FOR footer2 %}
					 {% FOR links %}
					 <li><a href="{menu.footer2.links.URL}" {% IF menu.footer2.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer2.links.TITLE %}title="{menu.footer2.links.TITLE}"{% ENDIF %}>{menu.footer2.links.NAME}</a></li>
					 {% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>

Теперь пункты Вы можете добавлять/удалять в разделе Сайт - Меню для меню с названием "Нижнее 2".


Все все сделала, отлично)) То, что нужно :) только один вопрос остался. Можно ли сделать заголовок "ПОДДЕРЖКА" в подвале для FAQ; Возврат/обмен? https://prnt.sc/ge3ia0

#4 Firefly

Firefly

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

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

Отправлено 29 August 2017 - 13:25

Просмотр сообщенияRibka (29 August 2017 - 13:05) писал:

Все все сделала, отлично)) То, что нужно :) только один вопрос остался. Можно ли сделать заголовок "ПОДДЕРЖКА" в подвале для FAQ; Возврат/обмен? https://prnt.sc/ge3ia0

Добавил Вам код в шаблоне HTML:
			  <h3 class="title">Поддержка</h3>

#5 Ribka

Ribka

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

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

Отправлено 29 August 2017 - 13:39

Просмотр сообщенияFirefly (29 August 2017 - 13:25) писал:

Добавил Вам код в шаблоне HTML:
			 <h3 class="title">Поддержка</h3>

Здорово)) Спасибо большое :) :rolleyes:

#6 Ribka

Ribka

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

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

Отправлено 29 August 2017 - 17:48

Просмотр сообщенияFirefly (29 August 2017 - 13:25) писал:

Добавил Вам код в шаблоне HTML:
			 <h3 class="title">Поддержка</h3>

Подскажите, пожалуйста, как в коде можно переносить строчку? я заполнила последний вопрос на странице и хотелось бы чтобы он шел не сплошным текстом.

#7 Firefly

Firefly

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

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

Отправлено 29 August 2017 - 17:53

Просмотр сообщенияRibka (29 August 2017 - 17:48) писал:

Подскажите, пожалуйста, как в коде можно переносить строчку? я заполнила последний вопрос на странице и хотелось бы чтобы он шел не сплошным текстом.

Перенос можно осуществлять через код: 
<br>

#8 Ribka

Ribka

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

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

Отправлено 29 August 2017 - 18:05

Просмотр сообщенияFirefly (29 August 2017 - 17:53) писал:

Перенос можно осуществлять через код:
<br>

Все получилось) Спасибо за оперативный ответ :)

#9 Ribka

Ribka

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

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

Отправлено 11 November 2017 - 19:04

Просмотр сообщенияFirefly (29 August 2017 - 17:53) писал:

Перенос можно осуществлять через код:
<br>

Подскажите, пожалуйста, а можно прописать заголовки для вопросов? вот например https://prnt.sc/h94dom
вернее, каким кодом прописывать заголовки а я дальше сама сделаю как я вижу))

#10 metry

metry

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

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

Отправлено 12 November 2017 - 14:15

Добрый день. Вам необходимо зайти в раздел Редактор шаблонов-->Страница и найдите:
{% IF PAGE_NAME=FAQ %}
<div class="spoiler_block">

и после него вставьте:

<h3>Оплата</h3>

- блоки с вопросами переставьте  в нужном для Вас порядке и задайте для них заголовок, обернув его в тег h3.

#11 Ribka

Ribka

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

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

Отправлено 12 November 2017 - 16:59

Просмотр сообщенияmetry (12 November 2017 - 14:15) писал:

Добрый день. Вам необходимо зайти в раздел Редактор шаблонов-->Страница и найдите:
{% IF PAGE_NAME=FAQ %}
<div class="spoiler_block">

и после него вставьте:

<h3>Оплата</h3>

- блоки с вопросами переставьте  в нужном для Вас порядке и задайте для них заголовок, обернув его в тег h3.

Все получилось. Спасибо))
Обратно в Другое


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Рассвет
  5. → Другое
  6. Privacy Policy