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


Как Поставить Текст И Картинку В Свободный Блок Слева

хамелеон текст на главной картинка на главной

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

#1 Ruslan25

Ruslan25

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

  • Пользователи
  • PipPipPip
  • 195 сообщений
  • ГородУФА

Отправлено 12 Июль 2015 - 22:01

Как поставить текст и картинку в свободный блок слева и чтобы при мобильном отображении эти блоки были под каталогом товаров

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

  • metatelnye_nozhi_nabor (1).jpg


#2 Vaccina

Vaccina

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

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

Отправлено 14 Июль 2015 - 05:36

В шаблоне HTML после:
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "287", height: "320", color1: 'FFFFFF', color2: '102B2B', color3: '0D6257'}, 49027957);
</script>

вставьте:
<br/><div>ваш текст</div>
<br/><div><img src="ссылка на картинку" alt="" /></div>


#3 Ruslan25

Ruslan25

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

  • Пользователи
  • PipPipPip
  • 195 сообщений
  • ГородУФА

Отправлено 17 Июль 2015 - 12:11

Просмотр сообщенияVaccina (14 Июль 2015 - 05:36) писал:

В шаблоне HTML после:
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "287", height: "320", color1: 'FFFFFF', color2: '102B2B', color3: '0D6257'}, 49027957);
</script>

вставьте:
<br/><div>ваш текст</div>
<br/><div><img src="ссылка на картинку" alt="" /></div>
а как сделать чтобы в мобильном отображении все это, включая виджет вк были ниже товаров, а не выше, как сейчас

#4 Danil

Danil

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

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

Отправлено 17 Июль 2015 - 16:17

Просмотр сообщенияRuslan25 (17 Июль 2015 - 12:11) писал:

а как сделать чтобы в мобильном отображении все это, включая виджет вк были ниже товаров, а не выше, как сейчас
Попробуйте следующий вариант:
в шаблоне html найдите код
Скрытый текст
и замените на
Скрытый текст
Так же в конец main.css добавьте
.cols.col-3, .cols.col-9 {
float: right;
}


#5 Ruslan25

Ruslan25

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

  • Пользователи
  • PipPipPip
  • 195 сообщений
  • ГородУФА

Отправлено 23 Июль 2015 - 21:23

отображение стало таким

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

  • 1.jpg


#6 Vaccina

Vaccina

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

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

Отправлено 24 Июль 2015 - 01:36

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

#7 Ruslan25

Ruslan25

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

  • Пользователи
  • PipPipPip
  • 195 сообщений
  • ГородУФА

Отправлено 25 Июль 2015 - 14:58

Просмотр сообщенияVaccina (24 Июль 2015 - 01:36) писал:

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





Темы с аналогичным тегами хамелеон, текст на главной, картинка на главной

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

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