Сообщений в теме: 15

[Angelika]

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

[Alekseys]

Angelika (18 Ноябрь 2014 - 16:14) писал:

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

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

[Angelika]

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

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

• 

[Alekseys]

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="">

[Angelika]

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

[Ирина345]

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;
}

[Angelika]

Ирина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;
}

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

[Vaccina]

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

В 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%;
}

[Angelika]

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%;
}

Вот картинка

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

• 

[Angelika]

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

[Vaccina]

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

[Angelika]

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

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

[Angelika]

Vaccina (19 Ноябрь 2014 - 02:24) писал:

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

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

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

[Vaccina]

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

[Angelika]

Vaccina (19 Ноябрь 2014 - 02:43) писал:

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

Здравствуйте!
Вот что получается...

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

• 

[Vaccina]

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