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


Новости И Отзывы

новости отзывы

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

#1 Silver

Silver

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

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

Отправлено 11 Декабрь 2015 - 15:51

Добрый день!

Возникло 2 вопроса:

1. Создал в главном меню раздел для отзывов покупателей о магазине. Как сделать так, чтобы клиенты могли там что-нибудь написать?
2. Никак не могу разобраться, как разместить новости таким образом, чтобы на главной странице они имели вид - картинка или видео-клип с надписью сверху или снизу. Подскажите пожалуйста.

Заранее спасибо.

#2 Юля123

Юля123

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

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

Отправлено 11 Декабрь 2015 - 19:44

Просмотр сообщенияSilver (11 Декабрь 2015 - 15:51) писал:

Добрый день!

Возникло 2 вопроса:

1. Создал в главном меню раздел для отзывов покупателей о магазине. Как сделать так, чтобы клиенты могли там что-нибудь написать?
2. Никак не могу разобраться, как разместить новости таким образом, чтобы на главной странице они имели вид - картинка или видео-клип с надписью сверху или снизу. Подскажите пожалуйста.

Заранее спасибо.


1) Попробуйте следующую инструкцию.


2) уточните, правильно ли я понимаю, что Вам нужно отображать всю новость на главной?

#3 Silver

Silver

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

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

Отправлено 11 Декабрь 2015 - 21:57

Просмотр сообщенияЮля123 (11 Декабрь 2015 - 19:44) писал:

1) Попробуйте следующую инструкцию.


2) уточните, правильно ли я понимаю, что Вам нужно отображать всю новость на главной?

1. Нашёл код для Лазури, буду пробовать, спасибо.
2. Нет, всю новость не надо. Хотелось бы чтобы был видео-клип или фото, размером как в каталоге товаров, и под ним 2-3 строчки, с надписью "Новинка", названием товара и его кратким описанием.

#4 Vaccina

Vaccina

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

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

Отправлено 12 Декабрь 2015 - 06:13

В этом случае придется редактировать каждую новость по отдельности в шаблоне Список новостей и\или HTML, если вы хотите в списке выводить фото или видео.

#5 Silver

Silver

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

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

Отправлено 12 Декабрь 2015 - 13:10

Просмотр сообщенияVaccina (12 Декабрь 2015 - 06:13) писал:

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

#6 Silver

Silver

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

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

Отправлено 15 Декабрь 2015 - 02:08

Ап

#7 Vaccina

Vaccina

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

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

Отправлено 15 Декабрь 2015 - 02:20

В шаблонах HTML и Список новостей найдите:
{news_list_shop.TEXT_SHORT}

замените на:
{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}

и в краткое описание имеющийся новости попробуйте вставить код видео или иные элементы.

#8 Silver

Silver

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

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

Отправлено 17 Декабрь 2015 - 20:06

Просмотр сообщенияVaccina (15 Декабрь 2015 - 02:20) писал:

В шаблонах HTML и Список новостей найдите:
{news_list_shop.TEXT_SHORT}

замените на:
{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}

и в краткое описание имеющийся новости попробуйте вставить код видео или иные элементы.

Спасибо, вроде всё получилось, хотя в шаблоне "Список новостей" я и не нашёл :
{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}
Там есть код
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>
в нём надо заменять?

И возникло несколько сопутствующих вопросов:
1. Как изменить размеры картинки или окна видео на главной странице? А то у меня фото одного размера получилось, а видео другого. Хотелось бы привести их к одинаковому размеру.
2. Как сделать надпись "Новости" и подчёркивание жирнее и другого цвета?
3. Как изменить шрифт, его размер и цвет в названии новости и её кратком описании?
4. Как менять шрифт и его параметры у названия новости и её краткого описания непосредственно в разделе новостей?
5. Код картинки или видео отображается отображается при заходе в ленту новостей. Как сделать чтобы их там не было видно?
6. На главной можно ли как-то изменить отображение даты публикации новости? Например сделать их через точку и в одну строку? А то сейчас не слишком понятно что это вообще за цифры )

#9 RedHead

RedHead

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

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

Отправлено 17 Декабрь 2015 - 21:01

Просмотр сообщенияSilver (17 Декабрь 2015 - 20:06) писал:

Спасибо, вроде всё получилось, хотя в шаблоне "Список новостей" я и не нашёл :
{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}
Там есть код
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>
в нём надо заменять?

И возникло несколько сопутствующих вопросов:
1. Как изменить размеры картинки или окна видео на главной странице? А то у меня фото одного размера получилось, а видео другого. Хотелось бы привести их к одинаковому размеру.
2. Как сделать надпись "Новости" и подчёркивание жирнее и другого цвета?
3. Как изменить шрифт, его размер и цвет в названии новости и её кратком описании?
4. Как менять шрифт и его параметры у названия новости и её краткого описания непосредственно в разделе новостей?
5. Код картинки или видео отображается отображается при заходе в ленту новостей. Как сделать чтобы их там не было видно?
6. На главной можно ли как-то изменить отображение даты публикации новости? Например сделать их через точку и в одну строку? А то сейчас не слишком понятно что это вообще за цифры )

Здравствуйте!
В строке №13, шаблона "список новостей", вы найдете необходимые слова, которые нужно заменить:
строку
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>
заменить на
<div class="news-content"><p>{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}</p></div>

1) В кратком описании, например, статьи "Видео о Дезодорантах", добавьте в код тег, отвечающий за ширину видео, код будет выглядеть так:
Видео о дезодорантах:
<video controls="" autoplay="" name="media" style="width: 350px;"><source src="http://st.storeland.net/9/1781/862/vracha_o_Kvascax_kristall_svezhesti_.mp4" type="video/mp4"></video>
Измените значение "width" на необходимое, добавьте этот тег к краткому описанию других разделов новостей, если нужно.

2) В шаблоне main.css найдите строку:
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;}
замените на:
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;font-weight: bold;}
#botsl .block .block-title a {color:red;}
#botsl .block .block-title a:hover {color:green;}
цвета при наведении и без, замените на необходимые.

3) Строку шаблона main.css
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
замените на
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 180%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a {color:red;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a:hover {color:green;}
и строку
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;}
замените на
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;font-size: 16px;color: red;}
высоту шрифта и цвета измените на свое усмотрение

4) строку
.news .title {line-height: 30px;font-size: 200%;}
замените на
.news .title {line-height: 30px;font-size: 300%;}
.news .title a {color:red;}
.news .title a:hover {color:green;}

и строку
.news .news-content {border-bottom: 1px solid #e9e9e9;}
на
.news .news-content {border-bottom: 1px solid #e9e9e9;color: red;font-size: 15px;}

аналогичные изменения в строке
.news .news-time {font-size: 91.5%;padding: 2px 0;}
, если нужно.

5) В шаблоне "Список новостей" удалите строку
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>
другого способа скрыть код, к сожалению, нет. Только полностью удалить краткое описание из ленты новостей.

Чтобы изменить шрифты, в конец шаблона main.css добавьте
#botsl a {font-family: Arial !important;}
#botsl p {font-family: Arial !important;}
измените семейства шрифтов на необходимые

#10 Silver

Silver

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

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

Отправлено 17 Декабрь 2015 - 22:07

Просмотр сообщенияRedHead (17 Декабрь 2015 - 21:01) писал:

Здравствуйте!
В строке №13, шаблона "список новостей", вы найдете необходимые слова, которые нужно заменить:
строку
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>
заменить на
<div class="news-content"><p>{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}</p></div>

1) В кратком описании, например, статьи "Видео о Дезодорантах", добавьте в код тег, отвечающий за ширину видео, код будет выглядеть так:
Видео о дезодорантах:
<video controls="" autoplay="" name="media" style="width: 350px;"><source src="http://st.storeland.net/9/1781/862/vracha_o_Kvascax_kristall_svezhesti_.mp4" type="video/mp4"></video>
Измените значение "width" на необходимое, добавьте этот тег к краткому описанию других разделов новостей, если нужно.

2) В шаблоне main.css найдите строку:
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;}
замените на:
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;font-weight: bold;}
#botsl .block .block-title a {color:red;}
#botsl .block .block-title a:hover {color:green;}
цвета при наведении и без, замените на необходимые.

3) Строку шаблона main.css
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
замените на
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 180%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a {color:red;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a:hover {color:green;}
и строку
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;}
замените на
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;font-size: 16px;color: red;}
высоту шрифта и цвета измените на свое усмотрение

4) строку
.news .title {line-height: 30px;font-size: 200%;}
замените на
.news .title {line-height: 30px;font-size: 300%;}
.news .title a {color:red;}
.news .title a:hover {color:green;}

и строку
.news .news-content {border-bottom: 1px solid #e9e9e9;}
на
.news .news-content {border-bottom: 1px solid #e9e9e9;color: red;font-size: 15px;}

аналогичные изменения в строке
.news .news-time {font-size: 91.5%;padding: 2px 0;}
, если нужно.

5) В шаблоне "Список новостей" удалите строку
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>
другого способа скрыть код, к сожалению, нет. Только полностью удалить краткое описание из ленты новостей.

Чтобы изменить шрифты, в конец шаблона main.css добавьте
#botsl a {font-family: Arial !important;}
#botsl p {font-family: Arial !important;}
измените семейства шрифтов на необходимые

За оперативность - отдельное спасибо )

По пункту 2: Как бы ещё линию под словом Новости покрасить в другой цвет и попробовать её чуть толще сделать?
По пункту 5: В принципе вариант нормальный, на крайний случай сойдёт. Но разве нельзя сделать так, чтобы в ленте отображались новости так же как на главной - в смысле заголовок, краткое описание, картинка/видео? Я когда не нашёл нужной строки в шаблоне "Список новостей", чего-то там пытался сам нашаманить со строкой
<div class="news-content"><p>{news_list.TEXT_SHORT}</p></div>
и в какой-то момент  у меня в ленте всё так же отобразилось как и на главной ) Но потом я что-то испортил и всё вернул на исходные ) Прошу прощение за дилетантство )

На пункт 6 ещё ответьте пожалуйста, я его чуть позже добавил, видиму поэтому Вы его не заметили )

Ещё есть вопрос по отзывам. Я выполнил все инструкции, вроде добился результата. Но только сейчас обратил внимание на глобальный вопрос: а как, собственно, вообще отзывы оставлять? )) Пусть даже на конкретный товар? Я ни где не увидел кнопки типа "оставить отзыв" ) Подскажите пожалуйста. Там есть ещё ряд мелких вопросов, но их немного позже.

#11 Vaccina

Vaccina

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

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

Отправлено 18 Декабрь 2015 - 04:46

2. В main.css найдите:
#botsl .block .block-title:before {
	position: absolute;
	content: "";
	height: 1px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: #660666;
}
измените значение стиля background для изменения цвета полосы и увеличьте значение стиля height для увеличения ширины полосы

5. В шаблоне Список новостей найдите:
<!-- Список новостей -->
	{% FOR news_list %}
	  <div class="news">
		<h2 class="title"><a href="{news_list.URL}" title="Перейти к странице новости">{news_list.TITLE}</a></h2>
		{% IF news_list.SHOW_TIME %}<div class="news-time">{news_list.TIME | date("d.m.Y")}</div>{% ENDIF %}
		 <!-- Отображение краткого описания в ленте новостей <div class="news-content"><p>{news_list.TEXT_SHORT}</p></div> -->
	  </div>
	{% ENDFOR %}

замените на:
<!-- Список новостей -->
<div id="botsl" class="wrap">
<div class="block block-latestblog col-xs-12">
<div class="block-content">
<ul class="list-blog">
<li class="item">
	{% FOR news_list %}
<div class="item-post clearfix">
					  <div class="date">
						<span class="d-day">{news_list.TIME | date("d")}</span>
						<span class="d-month">{news_list.TIME | date("m")}</span>
					  </div>
					  <div class="postTitle">
						<a href="{news_list.URL}" title="Перейти к странице &laquo;{news_list.TITLE}&raquo;">{news_list.TITLE}</a>
					  </div>
					  <div class="postContent">
						<p>{news_list.TEXT_SHORT | htmlspecialchars_decode}</p>
					  </div>
					</div>
   {% IFNOT news_list.last %}{news_list.index | is_divided("2","</li><li>","")}{% ENDIF %}
	{% ENDFOR %}
</li>
</ul></div> </div> </div>

6. В main.css найдите:
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {
	color: #686868;
	display: block;
	font-size: 116.7%;
	margin-top: 7px;
}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {
	display: block;
	font-size: 92%;
	color: #222121;
}

замените на:
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {
	color: #686868;
	display: inline-block;
	font-size: 116.7%;
	margin-top: 7px;
}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {
	font-size: 116.7%;
	color: #686868;
	display: inline-block;
}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month:before {
	content: ".";
}


Проверьте, включены ли отзывы в разделе Настройки - Основные.

#12 Silver

Silver

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

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

Отправлено 19 Декабрь 2015 - 19:37

Спасибо.
Отзывы действительно были отключены ) Невнимательно читал, решил что галка нужна когда хочешь отключить отзывы, а не наоборот )

По пункту 6 - подскажите, пожалуйста, как отцентрировать цифры даты внутри квадрата? А то сейчас они вверх смещены относительно центра. Ещё хотелось бы, чтобы верхний край фото/видео начинался ниже квадрата даты, а заголовок новости был отцентрирован тоже относительно центра квадрата (см. скрин 1). Если заголовок длинный, в 2 строки - то см. скрин 2

Ещё несколько вопросов:
1. При заходе в магазин с мобильного устройства, видео из новостей начинает самовольно проигрываться. С этим можно что-нибудь сделать? )
2. Как изменить цвет названий пунктов меню в ЛК? И цвет надписей "Персональная информация" и "Адрес доставки по умолчанию"?
3. В отзывах о магазине как сделать так, чтобы (см. скрин 3) вместо текста в красном прямоугольнике было написано "Отзывы о магазине" ? Я когда просматривал форум, видел пост на эту тему, но второй раз найти не смог (

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

  • 1.jpg
  • 2.jpg
  • 3.jpg


#13 Ирина345

Ирина345

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

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

Отправлено 21 Декабрь 2015 - 19:05

Просмотр сообщенияSilver (19 Декабрь 2015 - 19:37) писал:

Спасибо.
Отзывы действительно были отключены ) Невнимательно читал, решил что галка нужна когда хочешь отключить отзывы, а не наоборот )

По пункту 6 - подскажите, пожалуйста, как отцентрировать цифры даты внутри квадрата? А то сейчас они вверх смещены относительно центра. Ещё хотелось бы, чтобы верхний край фото/видео начинался ниже квадрата даты, а заголовок новости был отцентрирован тоже относительно центра квадрата (см. скрин 1). Если заголовок длинный, в 2 строки - то см. скрин 2

Ещё несколько вопросов:
1. При заходе в магазин с мобильного устройства, видео из новостей начинает самовольно проигрываться. С этим можно что-нибудь сделать? )
2. Как изменить цвет названий пунктов меню в ЛК? И цвет надписей "Персональная информация" и "Адрес доставки по умолчанию"?
3. В отзывах о магазине как сделать так, чтобы (см. скрин 3) вместо текста в красном прямоугольнике было написано "Отзывы о магазине" ? Я когда просматривал форум, видел пост на эту тему, но второй раз найти не смог (
Здравствуйте, найдите в файле main.css
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {
	color: #660666;
	display: inline-block;
	font-size: 116.7%;
	margin-top: 7px;
}
замените на

#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {
	color: #660666;
	display: inline-block;
	font-size: 116.7%;
	margin-top: 15px;
}


далее найдите
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
	margin: 0 0 4px;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 150%;
	line-height: 26px;
	font-weight: bold;
	}
замените на

#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
	margin: 0 0 4px;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 150%;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
}
1. этот параметр настраивается при получение ссылки на видео.
2 в конец main.css добавьте

.block.block-Information.col-xs-3.col-md-6.col-sm-12 a {
	color: #D63D98;
}
где изменяете значение color: #D63D98;

#14 Silver

Silver

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

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

Отправлено 23 Декабрь 2015 - 14:00

Просмотр сообщенияИрина345 (21 Декабрь 2015 - 19:05) писал:

Здравствуйте, найдите в файле main.css
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {
color: #660666;
display: inline-block;
font-size: 116.7%;
margin-top: 7px;
}
замените на

#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {
color: #660666;
display: inline-block;
font-size: 116.7%;
margin-top: 15px;
}


далее найдите
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
margin: 0 0 4px;
border: none;
overflow: hidden;
text-overflow: ellipsis;
font-size: 150%;
line-height: 26px;
font-weight: bold;
}
замените на

#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
margin: 0 0 4px;
border: none;
overflow: hidden;
text-overflow: ellipsis;
font-size: 150%;
line-height: 26px;
font-weight: bold;
text-align: center;
}
1. этот параметр настраивается при получение ссылки на видео.
2 в конец main.css добавьте

.block.block-Information.col-xs-3.col-md-6.col-sm-12 a {
color: #D63D98;
}
где изменяете значение color: #D63D98;
Получилось только с датой. Текст отцентрировался  относительно картинки, что в общем не плохо, но надо ещё отцентрировать относительно даты )
1. Не совсем понял, что значит при получении ссылки на видео? Я закачал видео на сайт, разместил в новостях на него ссылку. В каком месте настроить этот параметр?
2. Добавил, ничего не изменилось.
3. Про пункт 3 ещё напишите пожалуйста.

#15 Silver

Silver

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

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

Отправлено 23 Декабрь 2015 - 22:27

И ещё 1 маленький вопрос)

4. При загрузке фотографий товара, на странице этого товара под основной фотографией появляются их мини-изображения. Но там помещается не более 3-х штук. Если загрузить больше, то начинают отображаться стрелочки прокрутки справа и слева от этих мини-изображений. Как поменять их цвет? Надо сделать #660666, а то они совсем бледные и незаметные.

#16 Vaccina

Vaccina

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

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

Отправлено 24 Декабрь 2015 - 01:02

Цитата

1. При заходе в магазин с мобильного устройства, видео из новостей начинает самовольно проигрываться. С этим можно что-нибудь сделать? )
3. В отзывах о магазине как сделать так, чтобы (см. скрин 3) вместо текста в красном прямоугольнике было написано "Отзывы о магазине" ? Я когда просматривал форум, видел пост на эту тему, но второй раз найти не смог (

1. Видео лучше загрузить на youtube, так как последующая его вставка на сайт более гибче, больше параметров для редактирования.
3. Переименуйте tovar  на необходимое в разделе Товары - Товары и Сайт - Редактор шаблонов - Товар

Просмотр сообщенияSilver (23 Декабрь 2015 - 22:27) писал:

И ещё 1 маленький вопрос)

4. При загрузке фотографий товара, на странице этого товара под основной фотографией появляются их мини-изображения. Но там помещается не более 3-х штук. Если загрузить больше, то начинают отображаться стрелочки прокрутки справа и слева от этих мини-изображений. Как поменять их цвет? Надо сделать #660666, а то они совсем бледные и незаметные.

Для этого необходимо отредактировать изображение в Редакторе шаблонов ico-pager.png

#17 Silver

Silver

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

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

Отправлено 25 Декабрь 2015 - 01:31

Спасибо, с некоторыми вопросами разобрался )
А некоторые моменты затерялись и остались без ответа. Попробую собрать их тут в одну кучу:

1. Новости на главной: как сделать так, чтобы верхний край фото/видео начинался ниже квадрата даты, а заголовок новости был отцентрирован относительно центра квадрата (см. скрин 1). Если заголовок длинный, в 2 строки - то см. скрин 2
2. Как изменить цвет названий пунктов меню в ЛК? И цвет надписей "Персональная информация" и "Адрес доставки по умолчанию"?
3. Видео: Сделал ссылку на youtube. Как теперь редактировать параметры?
4. Отзывы о магазине: - тут всё отлично получилось. Можно ещё как-нибудь убрать с этой страницы слова "Предыдущий" и "Следующий" и стрелки около них?

Вроде пока всё )

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

  • 1.jpg
  • 2.jpg


#18 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2015 - 06:28

1. В main.css:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
	margin: 0px 0px 4px;
	border: medium none;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 150%;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
}

замените на:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
	margin: 0px 0px 4px;
	border: medium none;
	overflow: hidden;
	font-size: 150%;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	height: 55px;
	padding-top: 5px;
}

далее найдите:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a {
	color: #008080;
}

замените на:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a {
	color: #008080;
	vertical-align: middle;
	height: 50px;
	display: table-cell;
}

2. В main.css найдите:
.block.block-Information.col-xs-3.col-md-6.col-sm-12 a {
		color: #660666;
}

в нем измените значение стиля color

3. Инструкция по вставке видео из youtube:
http://forum.storela...оваре/#entry539

4. В шаблоне HTML найдите:
{%IFNOT GOODS_NAME = tovar %}
								<div id="product-next-pre" class="col-xs-12">
								  <a class="product-pre" title="Предыдущий товар" href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}">Предыдущий</a>
								  <a class="product-next" title="Cледующий товар" href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий</a>
								</div>
						   {% ENDIF %}

в нем tovar измените на Отзывы о магазине

#19 Silver

Silver

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

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

Отправлено 25 Декабрь 2015 - 20:35

Просмотр сообщенияVaccina (25 Декабрь 2015 - 06:28) писал:

1. В main.css:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
margin: 0px 0px 4px;
border: medium none;
overflow: hidden;
text-overflow: ellipsis;
font-size: 150%;
line-height: 26px;
font-weight: bold;
text-align: center;
}

замените на:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {
margin: 0px 0px 4px;
border: medium none;
overflow: hidden;
font-size: 150%;
line-height: 26px;
font-weight: bold;
text-align: center;
height: 55px;
padding-top: 5px;
}

далее найдите:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a {
color: #008080;
}

замените на:
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle a {
color: #008080;
vertical-align: middle;
height: 50px;
display: table-cell;
}

2. В main.css найдите:
.block.block-Information.col-xs-3.col-md-6.col-sm-12 a {
	 color: #660666;
}

в нем измените значение стиля color

3. Инструкция по вставке видео из youtube:
http://forum.storela...оваре/#entry539

4. В шаблоне HTML найдите:
{%IFNOT GOODS_NAME = tovar %}
							 <div id="product-next-pre" class="col-xs-12">
								 <a class="product-pre" title="Предыдущий товар" href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}">Предыдущий</a>
								 <a class="product-next" title="Cледующий товар" href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий</a>
							 </div>
						 {% ENDIF %}

в нем tovar измените на Отзывы о магазине

Большое спасибо! Всё стало замечательно, кроме пункта 2. Я там наверное плохо объяснил чего хочется )
Зарегистрированный пользователь кликает на главной странице "мой кабинет" и попадает на страницу личного кабинета. Там, слева сверху, под словом "Меню" список из 5-ти пунктов. Вот они сейчас тёмно-серого цвета. Надо покрасить их в 008080.
На той же странице, справа от слова "Меню", 2 крупных заголовка: "Персональная информация" и "Адрес доставки по умолчанию". Их надо попробовать покрасить в 660666

#20 Vaccina

Vaccina

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

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

Отправлено 26 Декабрь 2015 - 05:30

В main.css добавьте:
.block.user-menu a {
	color: #008080;
}
.account .title {
	color: #660666;
}





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

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