Не отображается "список" в HTML блоке "приветствие" на главной странице

Erigard

Автор: ,
в Общие вопросы

 Поделиться

Рекомендуемые сообщения

Erigard Newbie

Erigard

Опубликовано:
Опубликовано:

Проблема заключается в том, что на главной странице сайта в HTML блоке, не отображается корректно "список".

 

Так отображается СПИСОК на главной странице сайта:

http://prntscr.com/b0jjjo

Как видно из картинки, список не отобразился...

 

Вот так выглядит  текст со списком в редакторе:

http://prntscr.com/b0jk91

 

Вот это HTML код из встроенного редактора Opencart PRO:

<h1>Магазин стильной одежды недорого</h1>

<p style="text-align: justify;"> <span style="font-family:arial,helvetica,sans-serif;"><span style="color:#000000;"><span style="font-size:12px;"><span style="text-align: justify;">Как ни крути, но все отделы в торговом центре обойти не хватит сил и терпения.&nbsp;Зато&nbsp;</span><strong style="font-family: arial, helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); text-align: justify;">мужская одежда</strong><span style="text-align: justify;">, которую можно купить в три клика, не выходя из дома, в </span><strong style="font-family: arial, helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); text-align: justify;">интернет магазине</strong><span style="text-align: justify;"> -&nbsp;это прекрасный выход из положения. Вы экономите силы и время, да еще и не переплачиваете. У нас нет наценок как в бутиках, где товар может стоить гораздо дороже своей цены.</span></span></span></span></p>


 <p style="text-align: justify;"> <span style="font-family:arial,helvetica,sans-serif;"><span style="color:#000000;"><span style="font-size:12px;">Зачем платить брендам за рекламу, если можно&nbsp;купить <strong>мужскую одежду</strong>&nbsp;прямо от производителя. Все мудрые люди давным-давно совершают покупки в интернете и наслаждаются процессом выбора. Заварите чай или кофе, устройтесь по удобнее в кресле или на диване, и неторопливо просматривайте каталоги на витрине нашего магазина. Никто не дает дурных советов. Никто не торопит и не подгоняет. Никто не дышит в спину и не сверлит взглядом. Нет очередей в примерочную.&nbsp;</span></span></span></p>


 <p style="text-align: justify;"> <span style="font-family:arial,helvetica,sans-serif;"><span style="color:#000000;"><span style="font-size:12px;">В современное время вещи стали такими, которые можно гордо носить, выходя в свет, не задумываясь, что среднестатистический житель города будет косится с осуждающим взглядом. Этого не будет, по тому, что модные тенденции на столько захлестнули мегаполисы и регионы Украины, что даже бабушка на лавочке знает, где самый&nbsp;лучший <strong>магазин мужской одежды</strong>.</span></span></span></p>


 <p style="text-align: justify;"> <span style="font-family:arial,helvetica,sans-serif;"><span style="color:#000000;"><span style="font-size:12px;">По этому - просто расслабитесь и выбирайте то, что Вам по душе, самовыражайте свой внутренний мир в неповторимом стильном образе, чтобы выглядеть оригинально и дарить эмоции прохожим. Заставьте людей вокруг приковать взгляды к Вам. Вы достойны лучшего товара не дорого и качественно, который можно найти у нас.&nbsp;<strong>Мужская одежда интернет магазин</strong>&nbsp;открывает свои дверь перед Вами, заходите, смотрите, выбирайте, наши доброжелательные консультанты помогут в выборе легко и непринужденно, как ваши старые знакомые или друзья.</span></span></span></p>


<h2>Преимущества интернет магазина одежды Fashion-Cult</h2>

<ul>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">на рынке интернет магазинов одежды 5 лет, работаем с 2011 года</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">ассортимент товаров пополняется каждую неделю&nbsp; новыми вещами</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">одежда недорого, цены от производителя с минимальной наценкой</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">квалифицированные менеджеры помогут правильно подобрать размер одежды перед покупкой</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">высокое качество товаров гарантированно тем, что изделия шьются из итальянских и турецких тканей</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">низкая цена одежды обусловлена тем, что пошив осуществляется на швейных фабриках на территории Украины</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">наши менеджеры относятся к каждому клиенту с трепетом и готовы уделить сколько угодно времени для консультации покупателя</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">быстрое оформление заказов, удобный интерфейс магазина</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">одежду можно купить легко и быстро без регистрации в 2 клика</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">неповторимый дизайн одежды разработанный модельерами выгодно подчеркнет ваш уникальный стиль среди других людей</span></li>
 <li style="text-align: justify;"><span style="box-sizing: border-box; font-size: 12px; line-height: 1.42857; color: rgb(0, 0, 0); font-family: arial, helvetica, sans-serif; text-align: justify;">покупая у нас вы автоматически поддерживаете экономику Украины, так как мы поддерживаем отечественного производителя</span></li>
 </ul>

 <p style="text-align: justify;"> <span style="font-family:arial,helvetica,sans-serif;"><span style="color:#000000;"><span style="font-size:12px;">Где бы вы не были, с нашим сайтом удобно работать не только на компьютере, но и на любом мобильном устройстве, так как <strong>Fashion</strong><strong>-</strong><strong>Cult</strong><strong> имеет мобильную версию</strong>. Мы совершенствуемся каждый день, не останавливаясь ни на минуту. Наша команда хочет, чтобы шопинг на нашем ресурсе, приносил удовольствие. Каждый рабочий день мы просыпаемся и заботимся о том, чтобы наш покупатель был счастлив и удовлетворен покупкой. <strong>Интернет магазин одежды </strong><strong>Fashion</strong><strong>-</strong><strong>Cult</strong> это единственный правильный выбор для стильных людей.</span></span></span></p>

 

Также пробувал вставлять код из другого HTML редактора, но на главной странице всеравно не отображается список. Вот альтернативный код:

  

<h1>Магазин стильной одежды недорого</h1>
<p style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">Как ни крути, но все отделы в торговом центре обойти не хватит сил и терпения.&nbsp;Зато&nbsp;<strong>мужская одежда</strong>, которую можно купить в три клика, не выходя из дома, в <strong>интернет магазине</strong> -&nbsp;это прекрасный выход из положения. Вы экономите силы и время, да еще и не переплачиваете. У нас нет наценок как в бутиках, где товар может стоить гораздо дороже своей цены.</span></span></span></p> <p style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">Зачем платить брендам за рекламу, если можно&nbsp;купить <strong>мужскую одежду</strong>&nbsp;прямо от производителя. Все мудрые люди давным-давно совершают покупки в интернете и наслаждаются процессом выбора. Заварите чай или кофе, устройтесь по удобнее в кресле или на диване, и неторопливо просматривайте каталоги на витрине нашего магазина. Никто не дает дурных советов. Никто не торопит и не подгоняет. Никто не дышит в спину и не сверлит взглядом. Нет очередей в примерочную.&nbsp;</span></span></span></p> <p style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">В современное время вещи стали такими, которые можно гордо носить, выходя в свет, не задумываясь, что среднестатистический житель города будет косится с осуждающим взглядом. Этого не будет, по тому, что модные тенденции на столько захлестнули мегаполисы и регионы Украины, что даже бабушка на лавочке знает, где самый&nbsp;лучший <strong>магазин мужской одежды</strong>.</span></span></span></p> <p style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">По этому - просто расслабитесь и выбирайте то, что Вам по душе, самовыражайте свой внутренний мир в неповторимом стильном образе, чтобы выглядеть оригинально и дарить эмоции прохожим. Заставьте людей вокруг приковать взгляды к Вам. Вы достойны лучшего товара не дорого и качественно, который можно найти у нас.&nbsp;<strong>Мужская одежда интернет магазин</strong>&nbsp;открывает свои дверь перед Вами, заходите, смотрите, выбирайте, наши доброжелательные консультанты помогут в выборе легко и непринужденно, как ваши старые знакомые или друзья.</span></span></span></p> 
<h2>Преимущества интернет магазина одежды Fashion-Cult</h2>
<ul> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">на рынке интернет магазинов одежды 5 лет, работаем с 2011 года</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">ассортимент товаров пополняется каждую неделю&nbsp; новыми вещами</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">одежда недорого, цены от производителя с минимальной наценкой</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">квалифицированные менеджеры помогут правильно подобрать размер одежды перед покупкой</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">высокое качество товаров гарантированно тем, что изделия шьются из итальянских и турецких тканей</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">низкая цена одежды обусловлена тем, что пошив осуществляется на швейных фабриках на территории Украины</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">наши менеджеры относятся к каждому клиенту с трепетом и готовы уделить сколько угодно времени для консультации покупателя</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">быстрое оформление заказов, удобный интерфейс магазина</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">одежду можно купить легко и быстро без регистрации в 2 клика</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">неповторимый дизайн одежды разработанный модельерами выгодно подчеркнет ваш уникальный стиль среди других людей</span></span></span></li> <li style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">покупая у нас вы автоматически поддерживаете экономику Украины, так как мы поддерживаем отечественного производителя</span></span></span></li> </ul> <p style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">Где бы вы не были, с нашим сайтом удобно работать не только на компьютере, но и на любом мобильном устройстве, так как <strong>Fashion</strong><strong>-</strong><strong>Cult</strong><strong> имеет мобильную версию</strong>. Мы совершенствуемся каждый день, не останавливаясь ни на минуту. Наша команда хочет, чтобы шопинг на нашем ресурсе, приносил удовольствие. Каждый рабочий день мы просыпаемся и заботимся о том, чтобы наш покупатель был счастлив и удовлетворен покупкой. <strong>Интернет магазин одежды </strong><strong>Fashion</strong><strong>-</strong><strong>Cult</strong> это единственный правильный выбор для стильных людей.</span></span></span></p>
Ссылка на комментарий
Поделиться на других сайтах
savage4pro Newbie

savage4pro

Опубликовано:
Опубликовано:

у вас есть замечательный файл стилей текущей темы

catalog/view/theme/sstore/style/style.css

в нем так и написано - никаких стандартных отступов и никаких пунктов: 

*{margin:0;padding:0;outline:0}...ul,li{list-style:none}...

 

Ссылка на комментарий
Поделиться на других сайтах
Erigard Newbie

Erigard

Опубликовано:
  • Автор
Опубликовано:
26 минут назад, savage4pro сказал:

у вас есть замечательный файл стилей текущей темы

catalog/view/theme/sstore/style/style.css

в нем так и написано - никаких стандартных отступов и никаких пунктов: 


*{margin:0;padding:0;outline:0}...ul,li{list-style:none}...

 

Спасибо за ответ.

 

Следущий вопрос:

Как правильно поступить с точки зрения СЕО:

1. Исправить эту настройку, чтобы список отобразился?

Если да - то как именно он должен выглядеть после исправлений?

2. Вместо списка сделать вручную?

- текст

- текст

- текст

 

3. Ваш вариант выхода из положения?

Ссылка на комментарий
Поделиться на других сайтах
savage4pro Newbie

savage4pro

Опубликовано:
Опубликовано:

ну, на СЕО это никак не отразится

а вот чтобы поправить внешний вид списка в html-блоках, добавьте какой-нибудь css-класс (ну, например, html-module) к оберточному div'у в 

catalog/view/theme/*/template/module/html.tpl

в файл стилей (имеющися или дополнительный подключите в header.tpl) добавьте что-то подобное 

.html-module {
	text-align: justify;
}
.html-module h1, .html-module h2 {
	text-align: center;
}
.html-module ul {
	padding: 0 0 0 40px;
}
.html-module li {
	list-style: disc outside;
	text-align: left;
}

прибейте внутри зубодробительные конструкции типа 

<p style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">

и в будущем не пользуйтесь без крайней нужды редактором для добавления инлайн-стилей

Ссылка на комментарий
Поделиться на других сайтах
Erigard Newbie

Erigard

Опубликовано:
  • Автор
Опубликовано:
12 минуты назад, savage4pro сказал:

ну, на СЕО это никак не отразится

а вот чтобы поправить внешний вид списка в html-блоках, добавьте какой-нибудь css-класс (ну, например, html-module) к оберточному div'у в 

catalog/view/theme/*/template/module/html.tpl

в файл стилей (имеющися или дополнительный подключите в header.tpl) добавьте что-то подобное 


.html-module {
	text-align: justify;
}
.html-module h1, .html-module h2 {
	text-align: center;
}
.html-module ul {
	padding: 0 0 0 40px;
}
.html-module li {
	list-style: disc outside;
	text-align: left;
}

прибейте внутри зубодробительные конструкции типа 


<p style="text-align: justify;"> <span style="color:#000000;"><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">

и в будущем не пользуйтесь без крайней нужды редактором для добавления инлайн-стилей

 

Спасибо за ответ, но я ничего не понял :)

Ссылка на комментарий
Поделиться на других сайтах
RHCk Newbie

RHCk

Опубликовано:
Опубликовано:
3 часа назад, Erigard сказал:

Спасибо за ответ, но я ничего не понял

Не мучайте сайт СЕО-ШМЕО-текстами :)

Для Яши работают ПФ.

Для Гоши работают ссылки, но нужно тщательно составлять анкор-лист, либо просто использовать безанкорные, но аккуратно.

Во всех остальных случаях - качественный контент - человеческое описание товаров, характеристики и т.д.

Ссылка на комментарий
Поделиться на других сайтах
Erigard Newbie

Erigard

Опубликовано:
  • Автор
Опубликовано:
16 часов назад, RHCk сказал:

Не мучайте сайт СЕО-ШМЕО-текстами :)

Для Яши работают ПФ.

Для Гоши работают ссылки, но нужно тщательно составлять анкор-лист, либо просто использовать безанкорные, но аккуратно.

Во всех остальных случаях - качественный контент - человеческое описание товаров, характеристики и т.д.

Мой СЕОшник сказал сделать текст для главной, я сделал.

Он в СЕО работает уже 7 лет.

По поводу ссылок - все верно, я в курсе.

 

Если текст выглядит сейчас без списка, это сильно плохо для "Гоши" и "Яшки"?

Речи идет про перечень преимуществ магазина после тега "H2"

Может какие-то запятый, точки с запятыми поставить или палочки, я хз...

Mainpage.jpg

Ссылка на комментарий
Поделиться на других сайтах
savage4pro Newbie

savage4pro

Опубликовано:
Опубликовано:
6 минут назад, Erigard сказал:

Мой СЕОшник сказал сделать текст для главной, я сделал.

Он в СЕО работает уже 7 лет.

По поводу ссылок - все верно, я в курсе.

 

Если текст выглядит сейчас без списка, это сильно плохо для "Гоши" и "Яшки"?

Речи идет про перечень преимуществ магазина после тега "H2"

Может какие-то запятый, точки с запятыми поставить или палочки, я хз...

 

про СЕОшников ничего не скажу

 

а вот то, как выглядит список, интересует ПСы примерно так же, как сколько у второй жены среднего князя Монако было котов до брака, если там конечно не километровое полотно, каким-либо образом скрытое от посетителя

как исправить внешний вид, чтобы посетителю не било в глаз, я уже писал выше

а разметка - та да, может и интересна, поэтому и предлагаю убивать эти бесконечные span'ы, которые привносят в наш и так непростой мир свою долю энтропии, к тому же в данном блоке не вижу смысла вообще переопределять стили

Ссылка на комментарий
Поделиться на других сайтах
Erigard Newbie

Erigard

Опубликовано:
  • Автор
Опубликовано:
7 минут назад, savage4pro сказал:

 

про СЕОшников ничего не скажу

 

а вот то, как выглядит список, интересует ПСы примерно так же, как сколько у второй жены среднего князя Монако было котов до брака, если там конечно не километровое полотно, каким-либо образом скрытое от посетителя

как исправить внешний вид, чтобы посетителю не било в глаз, я уже писал выше

а разметка - та да, может и интересна, поэтому и предлагаю убивать эти бесконечные span'ы, которые привносят в наш и так непростой мир свою долю энтропии, к тому же в данном блоке не вижу смысла вообще переопределять стили

Спасибо за ответ.

Span буду убивать, у меня сейчас с этого IP нет доступа к ФТП, когда буду дома, начну разбираться как исправить эту ерунду, согласно вашего мануала.

 

Ссылка на комментарий
Поделиться на других сайтах
  • Это популярное сообщение.
RHCk Newbie

RHCk

Опубликовано:
  • Это популярное сообщение.
Опубликовано:

Просто оставлю это здесь. На многие вопросы найдёте ответы :)

В лекциях Катерины Ерошиной есть полезные ссылки на ресурсы для проверки текстов.

 

Это не СЕО, эт какое-то НЛП ;)

Pic.png

Ссылка на комментарий
Поделиться на других сайтах
Erigard Newbie

Erigard

Опубликовано:
  • Автор
Опубликовано:
10 часов назад, RHCk сказал:

Просто оставлю это здесь. На многие вопросы найдёте ответы :)

В лекциях Катерины Ерошиной есть полезные ссылки на ресурсы для проверки текстов.

 

Это не СЕО, эт какое-то НЛП ;)

Pic.png

Спасибо что указали на ошибки. Текст писал на скорую руку. Буду сейчас все исправлять.

Ссылка на комментарий
Поделиться на других сайтах
Erigard Newbie

Erigard

Опубликовано:
  • Автор
Опубликовано:
6 минут назад, WarStyle сказал:

На скорую руку вообще ничего не стоит делать, дольше потом исправлять.

Полностью с Вами согласен. Я планирую в ближайшее время заказать написание нормальных текстов у специалистов в этом вопросе...

Ссылка на комментарий
Поделиться на других сайтах
WarStyle Contributor

WarStyle

Опубликовано:
Опубликовано:
14 минуты назад, Erigard сказал:

Полностью с Вами согласен. Я планирую в ближайшее время заказать написание нормальных текстов у специалистов в этом вопросе...

 

Можете написать @Angela, она пишет хорошие тексты =)

 

 

Ссылка на комментарий
Поделиться на других сайтах
Erigard Newbie

Erigard

Опубликовано:
  • Автор
Опубликовано:
14 минуты назад, WarStyle сказал:

 

Можете написать @Angela, она пишет хорошие тексты =)

 

 

 

 

Спасибо, воспользуюсь контактом.

Ссылка на комментарий
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Показать вместо этого как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Нельзя вставлять изображения напрямую. Загрузите или вставьте изображения по URL.

×
 Поделиться
Перейти к списку тем

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу