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

[мистка]

Ув. модераторы подскажите как реализовать вывод цены в картинке подобным образом

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

• 

[Сake]

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

[мистка]

Шаблон сияние
Аккаунт SL-237115

[miyako]

злая я))) (01 Октябрь 2013 - 08:48) писал:

Шаблон сияние
Аккаунт SL-237115

Вам нужно сделать в Карточке товара, в разделах каталога?

[мистка]

в карточке наверное ...не понимаю что есть что))) вобщем то)

[miyako]

злая я))) (01 Октябрь 2013 - 13:59) писал:

в карточке наверное ...не понимаю что есть что))) вобщем то)

Карточка товара - это сам товар
Также вывод цены у товара можно сделать в категории (пример - Откровенное)
Сейчас у Вас есть вывод цены в карточке товара, в самой категории цены нет.

[мистка]

воотт) в категории и нужно)

[Сake]

Пожалуйста, выполните сначала изменения описанные в сообщении http://forum.storela...фий/#entry92720 так как данные изменения напрямую связаны.

[мистка]

СДЕЛАНО

[miyako]

злая я))) (02 Октябрь 2013 - 14:53) писал:

СДЕЛАНО

Найдите код в шаблоне Товары (строка 208) -

   <div class="details"> <a title="{goods.NAME}" href="{goods.URL}"></a></div>

после кода добавьте -

	<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 

Далее добавьте в конец main.css код -

.goodsListItemPriceNew {
background: pink;
height: 50px;
}

[мистка]

нету..ничего(

[support 2.0]

злая я))) (05 Октябрь 2013 - 14:13) писал:

нету..ничего(

найдите в main.css блок

.goodsListItem					  {text-align:center;vertical-align:top;width:195px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItemBlock {
height: 350px;
width: 200px;
margin: 12px;
overflow: hidden;
background:#fFF;
}
}

измените его на

.goodsListItem					  {text-align:center;vertical-align:top;width:195px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/}
.goodsListItemBlock {
height: 413px;
width: 200px;
margin: 12px;
overflow: hidden;
background:#fFF;
}

[мистка]

простите но это совершенно не то что нужно. даже близко...
спасибо вам за внимание и труды .

[Vaccina]

Можно сделать следующее - в файле стилей main.css найдите

.goodsListItemBlock {
	background: #FFFFFF;
	height: 350px;
	margin: 12px;
	overflow: hidden;
	width: 200px;
}

и замените на

.goodsListItemBlock {
	background: #FFFFFF;
	height: 300px;
	margin: 12px;
	overflow: hidden;
	position: relative;
	width: 200px;
}

далее найдите

.goodsListItemPriceNew {
	background: #FFC0CB;
	height: 50px;
}

и замените на

.goodsListItemPriceNew {
	background: #7E1750;
	height: 30px;
	left: 5px;
	line-height: 30px;
	position: absolute;
	top: 175px;
	width: 120px;
}

далее найдите

.goodsListItemBlock a span span {
	color: #990000;
	font-size: 13px;
	font-weight: bold;
}

и замените на

.goodsListItemBlock a span span {
	color: #FFFFFF;
	font-family: Times New Roman;
	font-size: 25px;
	font-style: normal;
}

далее найдите

.goodsListItemImage {
	border-collapse: collapse;
	border-spacing: 0;
	display: block;
	height: 250px;
	margin: 5px;
	overflow: hidden;
	width: 190px;
}

и замените на

.goodsListItemImage {
	border-collapse: collapse;
	border-spacing: 0;
	display: block;
	height: 200px;
	margin: 5px;
	overflow: hidden;
	width: 190px;
}

далее добавьте

.goodsListItemBlock a span span:after {
	content: "P";
	padding-left: 5px;
}

.goodsListItemBlock a span span:not(.num) {
	display: none;
}

[мистка]

Спасибо огромное!! это то что нужно!))))))))) просто супер!)))



только возле менюшки появился еще квадратик и он наложился на менюшку

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

• 

[мистка]

[Vaccina]

На данный момент подобной проблемы на вашем сайте не наблюдается. Не могли бы вы уточнить ссылку где проблема эта все же происходит. Быть может вопрос просто более не актуален?

[мистка]

ДА ) спасибо )) сама нашла) и удалила)