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


Блок Новостей На Правую Сторону

новости

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

#1 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 17 Март 2015 - 21:25

Добрый день подскажите пожалуйста :
как перенести блок новостей на правую сторону.
Заранее спасибо !!!!!!!
Аккаунт SL-332734

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

  • Безымянный.png


#2 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 17 Март 2015 - 22:23

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

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

  • Безымянный1.png


#3 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 17 Март 2015 - 22:29

Ну и ещё тогда :)
1 убрать зачеркнутое с главной
2. Отредактировать стиль текста ( размер шрифта и т.д ) в форме редактирования теста  на странице пытался . Не реагирует .
3. Вставить отчеркивание как корзина . ( сейчас там пусто)
Заранее огромное спасибо .

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

  • Безымянный3.png


#4 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 19 Март 2015 - 19:21

Не ужели мне не помогут?????? . Думаю эти вопросы много кому интересны !

#5 Danil

Danil

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

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

Отправлено 19 Март 2015 - 19:48

Просмотр сообщенияalexander.sabirov@gmail.co (19 Март 2015 - 19:21) писал:

Не ужели мне не помогут?????? . Думаю эти вопросы много кому интересны !
Здравствуйте.
В main.css найдите код
.tabl .title {
overflow: hidden;
}
и замените на
.tabl .title {
overflow: hidden;
height: 80px;
}
в шаблоне html найдите код и удалите
Скрытый текст
далее перед кодом
<div class="container">
вставьте
Скрытый текст
в конец main.css добавьте
div#right1 {
  float: right;
}
так же в main.css найдите код
.index_page_favorites_goods .menu-item {
width: 90%;
}
и замените на
.index_page_favorites_goods .menu-item {
width: 31%;
}
найдите
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
}
и замените на
.left-sidebar {
float: left;
overflow: hidden;
width: 23%;
}
найдите
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
}
и замените на
.container {
position: relative;
float: right;
overflow: hidden;
width: 54%;
height: 100%;
}


#6 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 19 Март 2015 - 20:13

Блин .

Просмотр сообщенияDanil (19 Март 2015 - 19:48) писал:

Здравствуйте.
В main.css найдите код
.tabl .title {
overflow: hidden;
}
и замените на
.tabl .title {
overflow: hidden;
height: 80px;
}
в шаблоне html найдите код и удалите
Скрытый текст
далее перед кодом
<div class="container">
вставьте
Скрытый текст
в конец main.css добавьте
div#right1 {
float: right;
}
так же в main.css найдите код
.index_page_favorites_goods .menu-item {
width: 90%;
}
и замените на
.index_page_favorites_goods .menu-item {
width: 31%;
}
найдите
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
}
и замените на
.left-sidebar {
float: left;
overflow: hidden;
width: 23%;
}
найдите
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
}
и замените на
.container {
position: relative;
float: right;
overflow: hidden;
width: 54%;
height: 100%;
}
Блин немного не туда . И как сделать , чтобы в каруселе отображалось три товара а не 4 . А то не влазит ?? Или можно расширить , чтоб 4 влезло

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

  • Безымянный4.png


#7 Danil

Danil

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

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

Отправлено 19 Март 2015 - 20:30

Просмотр сообщенияalexander.sabirov@gmail.co (19 Март 2015 - 20:13) писал:

Блин .
Блин немного не туда . И как сделать , чтобы в каруселе отображалось три товара а не 4 . А то не влазит ?? Или можно расширить , чтоб 4 влезло
Результат показанный на скриншоте отличается от конечного результата инструкции, отмените изменения и произведите их еще раз очень внимательно.

#8 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 19 Март 2015 - 20:57

Просмотр сообщенияDanil (19 Март 2015 - 20:30) писал:

Результат показанный на скриншоте отличается от конечного результата инструкции, отмените изменения и произведите их еще раз очень внимательно.
Точно . Спасибо . А можно как то уменьшить отступы по бокам, что бы увеличить центральный блок . И в карусели по ширение нормально входили 4 товара ???
И на странице товаров , что бы входили в строку три категории и был небольшой отступ до блока новостей ???

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

  • Безымянный5.png
  • Безымянный5.png
  • Безымянный6.png


#9 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 19 Март 2015 - 21:20

Ага с этим разобрался .
в main.css Нужно править
.middleCenter, .headerCenter, .footerCenter, .panel-top {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
min-width: 280px;
max-width: 1600px;
}
было 1170 . Поставил 1600 . Норм .

А как блин сделать отступ блока новостей . чуть больше . Где регулируется ? подскажите плиз

Так . И с каруселью разобрался
.index_page_favorites_goods .menu-item {
width: 90%;
}
Поставил обратно 90 то что нужно .

#10 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 19 Март 2015 - 21:26

Блин осталось . Подскажите плиз как отступ сделать блока новостей от центрального. И текст в блоке новостей чуть правее сдвинуть , отчеркнуть контакты и каталог . Можно ли поставить на слайдере заместо боковых стрелок .  Точки в низу .
Ну и заодно . Как убрать рамку вокруг товаров .
ПОМОГИТЕ волшебники !!!!!

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

  • Безымянный6.png


#11 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 21 Март 2015 - 17:45

Просмотр сообщенияDanil (19 Март 2015 - 20:30) писал:

Результат показанный на скриншоте отличается от конечного результата инструкции, отмените изменения и произведите их еще раз очень внимательно.
Help me please !!

#12 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 21 Март 2015 - 18:07

Нашёл как сдвинуть текст . \
в main.css заменил
.postList {
line-height: 1.7;
}
на это
.postList {
line-height: 1.7;
margin-left: 10px;
}

А можно как то сдвинуть краткое описание новости ??
И как отчеркнуть контакты и каталог ????. Можно ли поставить на слайдере заместо боковых стрелок .  Точки в низу .

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

  • Безымянный6.png


#13 Cupuyc

Cupuyc

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

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

Отправлено 21 Март 2015 - 19:28

Просмотр сообщенияalexander.sabirov@gmail.co (21 Март 2015 - 18:07) писал:

И как отчеркнуть контакты и каталог ????.

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
				 <div itemscope itemtype="http://schema.org/Organization" class="contactsSite">
Замените его на:
				 <hr><div itemscope itemtype="http://schema.org/Organization" class="contactsSite">


#14 Cupuyc

Cupuyc

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

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

Отправлено 21 Март 2015 - 20:04

Просмотр сообщенияalexander.sabirov@gmail.co (21 Март 2015 - 18:07) писал:

А можно как то сдвинуть краткое описание новости ??

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Поиск найдите код:
																																																																														 <li><a href="{news_list_shop.URL}" title"Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a><br/>
{news_list_shop.TEXT_SHORT}</li>
Замените его на:
																																																																														 <li><a href="{news_list_shop.URL}" title"Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a><br/>
<div>{news_list_shop.TEXT_SHORT}</div></li>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте последней строкой код:
ul.postList li div {padding: 10px 0 0 0;}[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]
Значение "10px" отвечает за отступ между заголовком новости и её текстом

#15 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 21 Март 2015 - 22:35

Просмотр сообщенияCupuyc (21 Март 2015 - 20:04) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Поиск найдите код:
																																																																														 <li><a href="{news_list_shop.URL}" title"Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a><br/>
{news_list_shop.TEXT_SHORT}</li>
Замените его на:
																																																																														 <li><a href="{news_list_shop.URL}" title"Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_shop.TITLE}</a><br/>
<div>{news_list_shop.TEXT_SHORT}</div></li>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте последней строкой код:
ul.postList li div {padding: 10px 0 0 0;}[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]
Значение "10px" отвечает за отступ между заголовком новости и её текстом

Просмотр сообщенияCupuyc (21 Март 2015 - 19:28) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
				 <div itemscope itemtype="http://schema.org/Organization" class="contactsSite">
Замените его на:
				 <hr><div itemscope itemtype="http://schema.org/Organization" class="contactsSite">
c Новостями всё ок спс . А по поводу отчеркивания немного не правильно описал ,
Как сделать полоски контактов и каталог так же как у корзины ??? И слова контакты вообще нет .
И ещё плиз . как убрать рамку вокруг товаров ???

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

  • 8.png


#16 Danil

Danil

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

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

Отправлено 22 Март 2015 - 09:30

Просмотр сообщенияalexander.sabirov@gmail.co (21 Март 2015 - 22:35) писал:

c Новостями всё ок спс . А по поводу отчеркивания немного не правильно описал ,
Как сделать полоски контактов и каталог так же как у корзины ??? И слова контакты вообще нет .
И ещё плиз . как убрать рамку вокруг товаров ???
Здравствуйте.
В шаблоне html найдите код на 211 строке
<div class="block-title">
			 <strong><a href="{CATALOG_URL}"><span>Каталог</span></a></strong>
		 </div>
и замените на
<div class="homePageListCart" >
			 <h4><a href="{CATALOG_URL}">Каталог</a></h4>
		 </div>
Так же найдите
<span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
и замените на
<div class="homePageListCart" > <h4><a href="#">Контакты</a></h4><span class="toggleImg hide"></span></div>


#17 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 22 Март 2015 - 23:21

Просмотр сообщенияDanil (22 Март 2015 - 09:30) писал:

Здравствуйте.
В шаблоне html найдите код на 211 строке
<div class="block-title">
			 <strong><a href="{CATALOG_URL}"><span>Каталог</span></a></strong>
		 </div>
и замените на
<div class="homePageListCart" >
			 <h4><a href="{CATALOG_URL}">Каталог</a></h4>
		 </div>
Так же найдите
<span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span>
и замените на
<div class="homePageListCart" > <h4><a href="#">Контакты</a></h4><span class="toggleImg hide"></span></div>
Супер спасибо. И подскажите как убрать рамку вокруг товаров . ??

#18 Danil

Danil

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

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

Отправлено 23 Март 2015 - 09:41

Просмотр сообщенияalexander.sabirov@gmail.co (22 Март 2015 - 23:21) писал:

Супер спасибо. И подскажите как убрать рамку вокруг товаров . ??
В style.css найдите код
.item-box {
  border: 1px solid #bdc3c7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
1px - толщина рамки(например 0px, чтобы её не было видно)
#bdc3c7 - цвет рамки

#19 alexander.sabirov@gmail.co

alexander.sabirov@gmail.co

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

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

Отправлено 25 Март 2015 - 16:30

Спасибо !!





Темы с аналогичным тегами новости

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

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