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


Картинки На Главной


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

#1 Angelika

Angelika

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

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

Отправлено 18 Ноябрь 2014 - 16:14

Подскажите пожалуйста ,как слева и справа сайта добавить картинки ?

#2 Alekseys

Alekseys

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

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

Отправлено 18 Ноябрь 2014 - 16:50

Просмотр сообщенияAngelika (18 Ноябрь 2014 - 16:14) писал:

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

#3 Angelika

Angelika

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

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

Отправлено 18 Ноябрь 2014 - 17:16

Приблизительно так

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

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


#4 Alekseys

Alekseys

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

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

Отправлено 18 Ноябрь 2014 - 17:37

Просмотр сообщенияAngelika (18 Ноябрь 2014 - 17:16) писал:

Приблизительно так
Здравствуйте. В шаблон HTML после
<!-- контент -->
<div class="container" id="cpages">
добавьте блоки
<div class="banleft">
<img alt="" src="{ASSETS_IMAGES_PATH}картинка" title="">
</div>
и
<div class="banright">
<img alt="" src="{ASSETS_IMAGES_PATH}картинка" title="">
</div>
где слово картинка замените именем изображения, которое необходимо загрузить в разделе Сайт -> Редактор шаблонов. После этого в main.css добавьте
.banleft {
position: absolute;
left: -200px;
width: 200px;
}
.banright {
position: absolute;
right: -200px;
width: 200px;
}
.banleft img {
width: 200px;
}
.banright img {
width: 200px;
}
В случае, если нужно добавить несколько картинок, продублируйте
<img alt="" src="{ASSETS_IMAGES_PATH}картинка" title="">


#5 Angelika

Angelika

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

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

Отправлено 18 Ноябрь 2014 - 18:21

Спасибо,
Еще вопрос,подскажите пожалуйста
Как сделать чтобы на главной странице товары показывались таблицей.
На других страницах получилось,а на главной никак не получается.
Заранее благодарна

#6 Ирина345

Ирина345

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

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

Отправлено 18 Ноябрь 2014 - 18:37

Просмотр сообщенияAngelika (18 Ноябрь 2014 - 18:21) писал:

Спасибо,
Еще вопрос,подскажите пожалуйста
Как сделать чтобы на главной странице товары показывались таблицей.
На других страницах получилось,а на главной никак не получается.
Заранее благодарна
Здравствуйте, для того что бы на главной странице товары встали в ряд найдите в файле main.css
.listing {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
замените на


.listing {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;

display: inline-block;
width: 223px;
}


далее найдите
.listing .imagem {  position: relative;
  display: inline;
  float: left;
  width: 220px;
  margin-right: 10px;
  border: 1px solid #D6D6D6;
  text-align: center;
  background: #FFF;
  padding: 1px;}
.listing .contm {position: relative;
  display: inline;
  float: left;
  width: 435px;
}
замените на

.listing .imagem {  position: relative;
  display: block;
	width: 220px;
  margin-right: 10px;
  border: 1px solid #D6D6D6;
  text-align: center;
  background: #FFF;
  padding: 1px;}
.listing .contm {position: relative;

position: relative;
display: inline-block;
float: left;
width: 239px;
}
далее найдите
.listing a img {
border: none;
}
замените на

.listing a img {
border: none;
vertical-align: top;
}


#7 Angelika

Angelika

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

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

Отправлено 19 Ноябрь 2014 - 00:11

Просмотр сообщенияИрина345 (18 Ноябрь 2014 - 18:37) писал:

Здравствуйте, для того что бы на главной странице товары встали в ряд найдите в файле main.css
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
замените на


.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;

display: inline-block;
width: 223px;
}


далее найдите
.listing .imagem { position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
border: 1px solid #D6D6D6;
text-align: center;
background: #FFF;
padding: 1px;}
.listing .contm {position: relative;
display: inline;
float: left;
width: 435px;
}
замените на

.listing .imagem { position: relative;
display: block;
width: 220px;
margin-right: 10px;
border: 1px solid #D6D6D6;
text-align: center;
background: #FFF;
padding: 1px;}
.listing .contm {position: relative;

position: relative;
display: inline-block;
float: left;
width: 239px;
}
далее найдите
.listing a img {
border: none;
}
замените на

.listing a img {
border: none;
vertical-align: top;
}

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

#8 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2014 - 01:44

Укажите пожалуйста страницу, где можно пронаблюдать данную проблему.

В main.css найдите:
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
display: inline-block;
width: 223px;
}
замените на:
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
display: inline-block;
width: 49%;
text-align: center;
}

далее найдите:
.listing .imagem {
	background: #fff;
	border: 1px solid #d6d6d6;
	display: inline;
	float: left;
	margin-right: 10px;
	padding: 1px;
	position: relative;
	text-align: center;
	width: 220px;
}
замените:
.listing .imagem {
	background: #fff;
	border: 1px solid #d6d6d6;
	display: block;
	float: none;
	margin: 0 auto;
	padding: 1px;
	position: relative;
	text-align: center;
	width: 220px;
}


далее найдите:
.listing .contm {
	display: inline;
	float: left;
	position: relative;
	width: 435px;
}
замените на:
.listing .contm {
	display: inline;
	float: left;
	position: relative;
	width: 100%;
}


#9 Angelika

Angelika

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

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

Отправлено 19 Ноябрь 2014 - 01:51

Просмотр сообщенияVaccina (19 Ноябрь 2014 - 01:44) писал:

Укажите пожалуйста страницу, где можно пронаблюдать данную проблему.

В main.css найдите:
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
display: inline-block;
width: 223px;
}
замените на:
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
display: inline-block;
width: 49%;
text-align: center;
}

далее найдите:
.listing .imagem {
background: #fff;
border: 1px solid #d6d6d6;
display: inline;
float: left;
margin-right: 10px;
padding: 1px;
position: relative;
text-align: center;
width: 220px;
}
замените:
.listing .imagem {
background: #fff;
border: 1px solid #d6d6d6;
display: block;
float: none;
margin: 0 auto;
padding: 1px;
position: relative;
text-align: center;
width: 220px;
}


далее найдите:
.listing .contm {
display: inline;
float: left;
position: relative;
width: 435px;
}
замените на:
.listing .contm {
display: inline;
float: left;
position: relative;
width: 100%;
}


Вот картинка

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

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


#10 Angelika

Angelika

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

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

Отправлено 19 Ноябрь 2014 - 02:07

И еще хотелось бы перенести каталог на левую сторону.
Заранее благодарна

#11 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2014 - 02:24

Произведите изменения, описанные мной выше.
По переносу правой колонки влево у нас на форуме имеется инструкция:
http://forum.storela...часть/#entry133

#12 Angelika

Angelika

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

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

Отправлено 19 Ноябрь 2014 - 02:33

Спасибо большое получилось.

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

#13 Angelika

Angelika

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

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

Отправлено 19 Ноябрь 2014 - 02:40

Просмотр сообщенияVaccina (19 Ноябрь 2014 - 02:24) писал:

Произведите изменения, описанные мной выше.
По переносу правой колонки влево у нас на форуме имеется инструкция:
http://forum.storela...часть/#entry133

Спасибо большое получилось.

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

#14 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2014 - 02:43

можете показать наглядно? Кэш чистили? Инструкция верная и не раз применяемая.

#15 Angelika

Angelika

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

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

Отправлено 20 Ноябрь 2014 - 00:02

Просмотр сообщенияVaccina (19 Ноябрь 2014 - 02:43) писал:

можете показать наглядно? Кэш чистили? Инструкция верная и не раз применяемая.
Здравствуйте!
Вот что получается...

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

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


#16 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2014 - 00:18

Отмените изменения(воспользуйтесь бэк апом) и внимательней повторите инструкцию.
Ниже в этой теме идут более подробные инструкции перефразированные с полным видом кода:
http://forum.storela...t__20#entry3341




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

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