Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Хлебные Крошки + Отзывы + Блок И Пр.

Автор YuliyaTo, 01 окт. 2016 05:50

Отзывы Слайдер Хлебные крошки Блок с отзывами

Авторизуйтесь для ответа в теме

Сообщений в теме: 16

#1 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 01 Октябрь 2016 - 05:50

Здравствуйте!
Возникли некоторые вопросы, помоги пожалуйста. Заранее спасибо!!!
Мой номер аккаунта: SL-396247

1) Как в слайдере добавить кнопку например <КУПИТЬ> или <ПОДРОБНЕЕ> , так же кнопка на каждой картинке должна вести по своей ссылке и так же что бы была возможность на каждом слайдере писать свой текст.
P.S. скриншёт прикрепила.

2) Сузить по высоте хлебные полосу где хлебные крошки процентов на 40%

3) Сделала страницу отзывов через скрытый товар, когда переходишь к отзывам в хлебных крошках наблюдается слово TOVAR и строка ниже: Главная > Каталог > tovar , как сделать что бы за место большое слова TOVAR было - Отзывы о нашей работе, а нижнюю строчку сократить до Главная > Отзывы.

4) При переходе на страницу отзывы ссылка выглядит в данный момент так: http://ДОМЕН/goods/tovar#show_tab_3 можно заменить как то на http://ДОМЕН/otzyvy/ или же хотя бы так http://ДОМЕН/goods/otzyvy/

5) Пыталась вывести 3-4 последних отзыва со стринцы отзывов в блок левый чуть ниже каталога,фильтра и т.д., в итоге не получается, блок пустой и потом я совсем запуталась... Помогите пожалуйста

(

Ну и на этом вроде пока что всё.. ЗАРАНЕЕ СПАСИБО БОЛЬШОЕ ЗА ПОМОЩЬ!!!
Кстати с блоком отзывов не получилось, потому что в коде запуталась, не совпадает код с другими темами...

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

Наверх

#2 MikDark

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

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

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

YuliyaTo (01 Октябрь 2016 - 05:50) писал:

1) В шаблоне HTML Вам нужно найти код:

<div u="slides" class="slides_container">
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			  </div>
			  <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			  </div>
			   <div>
				<img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			  </div>
			</div>

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

<div u="slides" class="slides_container">
			  <div u="image">
<div class="subtext">Ваш текст</div>
				<img src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
			  </div>
			  <div u="image">
<div class="subtext">Ваш текст</div>
				<img src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			  </div>
			  <div u="image">
<div class="subtext">Ваш текст</div>
				<img src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			  </div>
			  <div u="image">
<div class="subtext">Ваш текст</div>
				<img src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			  </div>
			   <div u="image">
<div class="subtext">Ваш текст</div>
				<img src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			  </div>
			</div>

Далее в main.css добавьте:
.slides_container div{position:relative;}
.subtext {position:absolute;top:40%;left:30%;color:#ffffff;}

После этого напишите нам, мы произведем изменения по стилю

Наверх

#3 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 01 Октябрь 2016 - 18:52

Сделала как Вы написали выше.
В итоге: слайдер стал больше на прилично, картинки не меняются больше, текст не там где нужно, кнопки <ПОДРОБНЕЕ> нету вообще и JS ошибка вышла... Скриншот прикрепила!

P.S. а с остальными вопросами не помогут?

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

Наверх

#4 MikDark

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

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

Отправлено 01 Октябрь 2016 - 19:18

YuliyaTo (01 Октябрь 2016 - 18:52) писал:

Изменения внесли, теперь в коде:

<!-- Slides Container -->
<div u="slides" class="slides_container">
						  <div>
<div class="subtext"><span>Ваш текст</span>
<a href="ссылка" class="morebutton">Подробнее</a></div>
								<img src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" />
						  </div>
						  <div>
<div class="subtext"><span>Ваш текст</span>
<a href="ссылка" class="morebutton">Подробнее</a></div>
								<img src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
						  </div>
						  <div>
<div class="subtext"><span>Ваш текст</span>
<a href="ссылка" class="morebutton">Подробнее</a></div>
								<img src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
						  </div>
						  <div>
<div class="subtext"><span>Ваш текст</span>
<a href="ссылка" class="morebutton">Подробнее</a></div>
								<img src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
						  </div>
						   <div>
<div class="subtext"><span>Ваш текст</span>
<a href="ссылка" class="morebutton">Подробнее</a></div>
								<img src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
						  </div>
						</div>
		  </div>

поменяйте Текст и ссылки на кнопках. Разбирать вопросы будет поэтапно, чтобы при возникновении проблем, сразу было понятно, в каком именно месте ошибка.

Наверх

#5 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 01 Октябрь 2016 - 19:30

Так слайдер в размерах нормализовался, JS ошибка пропала. Это +
Далее: текст на первом слайдере написала тестовый в итоге он идёт в строчку и заходит под саму картинку, можно это изменить что бы текст шёл столбиками как в первом скриншоте самом и кнопку ПОДРОБНЕЕ расположить ниже от текста так же как в первом скриншоте, а ещё ссылка кнопка не активна

(

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

Наверх

#6 MikDark

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

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

Отправлено 01 Октябрь 2016 - 20:08

YuliyaTo (01 Октябрь 2016 - 19:30) писал:

(

В шаблоне main.css замените:

.subtext {
	position: absolute;
	top: 40%;
	left: 30%;
	color: #ffffff;
}

на

.subtext {
	max-width: 400px;
	position: absolute !important;
	top: 40%;
	left: 30%;
	color: #ffffff;
z-index:99999;
}

и замените:

.morebutton {
	margin-top: 130px;
	color: #fff;
	border: 2px solid #fff;
	padding: 10px 20px;
	font-size: 25px;
	clear: both;
	display: block;
	max-width: 200px;
	text-align: center;
}

на

.morebutton {
	color: #fff;
	border: 2px solid #fff;
	padding: 10px 20px;
	font-size: 25px;
	clear: both;
	display: block;
	max-width: 200px;
	text-align: center;
}

Наверх

#7 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 01 Октябрь 2016 - 20:16

Вот всё теперь

MikDark (01 Октябрь 2016 - 20:08) писал:

В шаблоне main.css замените:

.subtext {
position: absolute;
top: 40%;
left: 30%;
color: #ffffff;
}

на

.subtext {
max-width: 400px;
position: absolute !important;
top: 40%;
left: 30%;
color: #ffffff;
z-index:99999;
}

и замените:

.morebutton {
margin-top: 130px;
color: #fff;
border: 2px solid #fff;
padding: 10px 20px;
font-size: 25px;
clear: both;
display: block;
max-width: 200px;
text-align: center;
}

на

.morebutton {
color: #fff;
border: 2px solid #fff;
padding: 10px 20px;
font-size: 25px;
clear: both;
display: block;
max-width: 200px;
text-align: center;
}

Вот всё теперь всё отлично!
С первым вопросом разобрались, остались 2 - 3 - 4 - 5
Помогите пожалуйста

Наверх

#8 MikDark

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

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

Отправлено 01 Октябрь 2016 - 20:43

YuliyaTo (01 Октябрь 2016 - 20:16) писал:

Вот всё теперь

Вот всё теперь всё отлично!
С первым вопросом разобрались, остались 2 - 3 - 4 - 5
Помогите пожалуйста

2) В шаблоне main.css удалите код:

h1.title {
	margin-bottom: 15px;
}

Наверх

#9 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 01 Октябрь 2016 - 20:46

MikDark (01 Октябрь 2016 - 20:43) писал:

2) В шаблоне main.css удалите код:

h1.title {
margin-bottom: 15px;
}

Сделала, меньше стало, пойдёт! Спасибо.
Теперь далее :rolleyes:

Наверх

#10 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 01 Октябрь 2016 - 21:44

Наверх

#11 MikDark

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

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

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

YuliyaTo (01 Октябрь 2016 - 20:46) писал:

Сделала, меньше стало, пойдёт! Спасибо.
Теперь далее :rolleyes:

3) В шаблоне HTML Вам нужно найти код:
{% ELSEIF MOD_LNAME=goods %}
{GOODS_NAME}

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

{% ELSEIF MOD_LNAME=goods %}
{%IF GOODS_NAME=tovar%}Отзывы о нашей работы{%ELSE%}{GOODS_NAME}{%ENDIF%}

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

{% ELSEIF MOD_LNAME=catalog %}
						  {% IF IS_FULL_CATALOG %}
							<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Каталог</strong></li>
						  {% ELSE %}
							<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина"><span itemprop="name">Каталог</span></a></li>
							  {% FOR upper_navigation %}
								{% IF upper_navigation.CURRENT %}
								  <li>{upper_navigation.NAME}</li>
								{% ELSEIF upper_navigation.CURRENT_PARENT %}
								  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
								{% ENDIF %}
							  {% ENDFOR %}
						  {% ENDIF %}
						{% ENDIF %}

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

{% ELSEIF MOD_LNAME=catalog %}
						  {% IF IS_FULL_CATALOG %}
							<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Каталог</strong></li>
						  {% ELSEIF GOODS_NAME!=tovar %}
							<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина"><span itemprop="name">Каталог</span></a></li>
							  {% FOR upper_navigation %}
								{% IF upper_navigation.CURRENT %}
								  <li>{upper_navigation.NAME}</li>
								{% ELSEIF upper_navigation.CURRENT_PARENT %}
								  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
								{% ENDIF %}
							  {% ENDFOR %}
						  {% ENDIF %}
						{% ENDIF %}

Наверх

#12 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 02 Октябрь 2016 - 13:47

Большие буквы TOVAR изменились, но вот строчка которая ниже так же осталась

((

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

Наверх

#13 MikDark

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

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

Отправлено 02 Октябрь 2016 - 19:54

YuliyaTo (02 Октябрь 2016 - 13:47) писал:

Большие буквы TOVAR изменились, но вот строчка которая ниже так же осталась

((

Изменения Вам произвели

Наверх

#14 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 02 Октябрь 2016 - 21:40

MikDark (02 Октябрь 2016 - 19:54) писал:

Изменения Вам произвели

Спасибо большое!
Остались ещё чуть чуть, 2 вопроса

Наверх

#15 YuliyaTo

Пользователь

Пользователи
17 сообщений

Отправлено 03 Октябрь 2016 - 19:54

Помогите кто нибудь с 4 и 5 вопросом

((

Наверх

#16 Stasya

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

Модератоpы
4 007 сообщений

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

YuliyaTo (03 Октябрь 2016 - 19:54) писал:

Помогите кто нибудь с 4 и 5 вопросом

((

4) Вы можете перейти в редактирование товара tovar и в поле Название товара в URL прописать нужный url.
Далее Вам необходимо в разделе Сайт-> Меню удалить существующий пункт меню и добавить новый указав в поле куда ссылается Произвольный адрес укажите ссылку на эту страницу (например, домен/goods/otzyvy )

5) Внесла Вам изменения на сайт. Теперь у Вас отображаются 3 отзыва в левом блоке.

Наверх

#17 YuliyaTo

Пользователь

Пользователи
17 сообщений

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

Stasya (05 Октябрь 2016 - 11:19) писал:

Здравствуйте!
Спасибо Вам большое!!!

Наверх

Обратно в Главная

Темы с аналогичным тегами Отзывы, Слайдер, Хлебные крошки, Блок с отзывами

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Пекарня → Другое → Добавление Страницы С Отзывами О Магазине Автор Гость_stasia_* , 11 апр. 2023 Отзывы	0 Ответов 211 Просмотров	stasia 11 апр. 2023
Вопросы работы сервиса StoreLand → Ошибки → Ошибки бэк-офиса → Продвижение → Яндекс.Маркет → Отзывы На Яндекс Маркете Автор Гость_Mashunka_* , 04 марта 2022 отзывы, яндекс маркет и 1 еще...	3 Ответов 461 Просмотров	Vaccina 04 марта 2022
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Флорист → Другое → Отзывы О Магазине Автор Гость_stasia_* , 06 нояб. 2021 Отзывы	0 Ответов 1 884 Просмотров	stasia 06 нояб. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Фиеста → Страница товара → Отзывы Об Интернет-Магазине Автор Гость_stasia_* , 18 авг. 2021 Отзывы	0 Ответов 1 050 Просмотров	stasia 18 авг. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Профи → Другое → Отзывы О Магазине Автор Гость_stasia_* , 22 июня 2021 Отзывы	0 Ответов 731 Просмотров	stasia 22 июня 2021

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

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

Хлебные Крошки + Отзывы + Блок И Пр.

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

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

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

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

Темы с аналогичным тегами Отзывы, Слайдер, Хлебные крошки, Блок с отзывами

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

Войти

Google поиск