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


Помогите С Установкой Css3 Вкладок (Табов)

Автор NaLeeWay, 13 дек. 2012 11:37
css3 установка описание товар

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

#201 Ирина345

Ирина345

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

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

Отправлено 30 Сентябрь 2014 - 19:22

Просмотр сообщенияNavihome_ru (30 Сентябрь 2014 - 18:47) писал:

Помогитес двумя вопросами.
1. Неотображаются сопутств. товары во вкладке аксессуары в карточке товара.
2. Не срабатывают кнопки в отзывах там же во вкладках. (оставить отзыв, полож и отриц отзывы)

Спасибо.
Здравствуйте,
1. найдите в 
<!-- Сопутствующие товары -->

{% IFNOT related_goods_empty %}

<h3 id="aksess">Аксессуары </h3>
<table>
  <tr>
  {% FOR related_goods %}
		<td class="goodsListItem">  
		  <div class="goodsListItemBlock withBorder cornerAll">
				<div class="goodsListItemImage"><a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
									  
		  </div>				 
		  <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
						<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
				  </div>  

				  <div class="goodsListItemPriceOld">
				  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
						<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
						<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %}
				</div>
  
</td>
		{% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
  {% ENDFOR %}
  </tr>
</table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->

замените на
<!-- Сопутствующие товары -->

{% IFNOT related_goods_empty %}

<h3 id="aksess">Аксессуары </h3>
<table>
  <tr>
  {% FOR related_goods %}
		<td class="goodsListItem">  
		  <div class="goodsListItemBlock withBorder cornerAll"style="display: block;opacity: 1;" >
				<div class="goodsListItemImage"style="display: block;opacity: 1;"><a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
									  
		  </div>				 
		  <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
						<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
				  </div>  

				  <div class="goodsListItemPriceOld">
				  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
						<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
						<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %}
				</div>
  
</td>
		{% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
  {% ENDFOR %}
  </tr>
</table><br /><br />
{% ENDIF %}
<!-- END Сопутствующие товары -->

#202 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 30 Сентябрь 2014 - 20:13

устал с этой формой возиться....

осталась куча вопросов, подробнее на скрине:


1) как убрать эту серую полоску?
2) как изменить размеры под названия вкладок?
3) в форме снова текст наезжает на значки списка
4) сейчас выбранное поле - белое, не выбранное - красное. текст шрифта - черный.
как сделать текст шрифтов разными? то есть изменить цвет на невыбранных вкладках?
скрин.jpg

5) как добавить скролинг по данной форме?

6) почему блок с отзывами не активен?...

7) как сделать текстовый блок с описанием вариантов доставки? вместо одного из имеющихся

8) как сделать например вместо блока "характеристики" - "доп.описание"  и засунуть туда "полное сео"?

#203 Ирина345

Ирина345

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

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

Отправлено 30 Сентябрь 2014 - 20:56

Просмотр сообщенияSerg83 (30 Сентябрь 2014 - 20:13) писал:

устал с этой формой возиться....

осталась куча вопросов, подробнее на скрине:


1) как убрать эту серую полоску?
2) как изменить размеры под названия вкладок?
3) в форме снова текст наезжает на значки списка
4) сейчас выбранное поле - белое, не выбранное - красное. текст шрифта - черный.
как сделать текст шрифтов разными? то есть изменить цвет на невыбранных вкладках?
Прикрепленный файл скрин.jpg

5) как добавить скролинг по данной форме?

6) почему блок с отзывами не активен?...

7) как сделать текстовый блок с описанием вариантов доставки? вместо одного из имеющихся

8) как сделать например вместо блока "характеристики" - "доп.описание"  и засунуть туда "полное сео"?
1. найдите в style2.css
.content div p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #000;
padding-left: 15px;
font-family: Cambria, Georgia, serif;
border-left: 8px solid rgba(63,148,148, 0.1);
}
замените на

.content div p {
font-size: 14px;
line-height: 22px;
font-style: italic;
text-align: left;
margin: 0;
color: #000;
padding-left: 15px;
font-family: Cambria, Georgia, serif;

}
2. в конец файла main.css добавьте

.content-1 h1 {
font-size: 21px;
}
где меняйте значение font-size: 21px;
3 в main.css найдите

#primaryContent ul li {
  background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.3em;
  
}
замените на

#primaryContent ul li {
  background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.3em;
  padding-left: 10px;
}

4.  Если требуется изменить цвет фона и текста на вкладках, то найдите в style2.css

.tabs label {
background: #9b2d30;
background: -moz-linear-gradient(top, #9b2d30 0%, #9b2d30 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b2d30), color-stop(100%,#9b2d30));
background: -webkit-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: -o-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: -ms-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
font-size: 15px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
	float: left;
display: block;
width: 80px;
color: #ааа;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}
где меняете
для фона значение
background: -webkit-linear-gradient(top, #9b2d30 0%,#9b2d30 100%); (это градиент)
для текста
color: #ааа;
5 найдите в style2.css
.content {
	background: #fff;
position: relative;
	width: 100%;
height: 450px;
z-index: 5;
overflow: hidden;
	box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
	border-radius: 0 3px 3px 3px;
}
замените на

.content {
	background: #fff;
position: relative;
	width: 100%;
height: 450px;
z-index: 5;
overflow: hidden;
	box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
	border-radius: 0 3px 3px 3px;
overflow-y: scroll;
}

#204 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 01 Октябрь 2014 - 09:29

спасибо, часть проблем решена.

но вот еще:

1) как ограничить скролинг окончанием текста?
сейчас страница крутиться вниз гораздо дальше до бесконечно белого текста

2) про текст названия вкладок я наверное не верно выразился. он сейчас задан одним цветом. как сделать чтобы цветом было 2 - для выбранной вкладки и всех остальных отдельно?

3) что делает данный код?
.content-1 h1 {
font-size: 21px;
}

4) опять же вопрос про блок "отзывы":
-  пишет что их несколько, но отображает только 1.
- ни одна кнопка не активна
- нет возможность оставить отзыв

и 2 вопроса со вчерашнего поста:
5) как сделать текстовый блок с описанием вариантов доставки? вместо одного из имеющихся

6) как сделать например вместо блока "характеристики" - "доп.описание"  и засунуть туда "полное сео"?

#205 Ирина345

Ирина345

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

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

Отправлено 01 Октябрь 2014 - 12:11

Просмотр сообщенияSerg83 (01 Октябрь 2014 - 09:29) писал:

спасибо, часть проблем решена.

но вот еще:

1) как ограничить скролинг окончанием текста?
сейчас страница крутиться вниз гораздо дальше до бесконечно белого текста

2) про текст названия вкладок я наверное не верно выразился. он сейчас задан одним цветом. как сделать чтобы цветом было 2 - для выбранной вкладки и всех остальных отдельно?

3) что делает данный код?
.content-1 h1 {
font-size: 21px;
}

4) опять же вопрос про блок "отзывы":
-  пишет что их несколько, но отображает только 1.
- ни одна кнопка не активна
- нет возможность оставить отзыв

и 2 вопроса со вчерашнего поста:
5) как сделать текстовый блок с описанием вариантов доставки? вместо одного из имеющихся

6) как сделать например вместо блока "характеристики" - "доп.описание"  и засунуть туда "полное сео"?
Здравствуйте,
1. высота данного блока определяется автоматически из учета самого высокого блока, например Доп.товары.
2. У вас сейчас для выбранной вкладки стоит белый цвет, для других красный вы хотите установить для каждой вкладки индивидуальный цвет, уточните.
3. данный код устанавливает размер шрифта, для данной надписи, если значение, число, увеличить увеличится и размер шрифта.
5. уточните Вы хотите создать вкладку с описание условий доставки

#206 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 01 Октябрь 2014 - 17:25

Просмотр сообщенияИрина345 (01 Октябрь 2014 - 12:11) писал:

Здравствуйте,
1. высота данного блока определяется автоматически из учета самого высокого блока, например Доп.товары.
2. У вас сейчас для выбранной вкладки стоит белый цвет, для других красный вы хотите установить для каждой вкладки индивидуальный цвет, уточните.
3. данный код устанавливает размер шрифта, для данной надписи, если значение, число, увеличить увеличится и размер шрифта.
5. уточните Вы хотите создать вкладку с описание условий доставки

1) понятно.
2) я говорю про цвет шрифта а не фона. сейчас он один для всех вкладок.
как сделать его разным для выбранной и не выбранной вкладки?

3) нужно менять не шрифт а ширину вкладки (где ее название), как я и писал ранее.

5) да, я хочу сделать текстовую вкладку с описанием условий доставки.
либо как вариант транслировать заданные условия доставки.
конечный вариант зависит от того, как это будет выглядеть. поэтому просьба подсказать реализацию обоих.


4) Отзывы - почему вы игнорируете данный вопрос?

#207 Ирина345

Ирина345

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

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

Отправлено 01 Октябрь 2014 - 18:22

Просмотр сообщенияSerg83 (01 Октябрь 2014 - 17:25) писал:

1) понятно.
2) я говорю про цвет шрифта а не фона. сейчас он один для всех вкладок.
как сделать его разным для выбранной и не выбранной вкладки?

3) нужно менять не шрифт а ширину вкладки (где ее название), как я и писал ранее.

5) да, я хочу сделать текстовую вкладку с описанием условий доставки.
либо как вариант транслировать заданные условия доставки.
конечный вариант зависит от того, как это будет выглядеть. поэтому просьба подсказать реализацию обоих.


4) Отзывы - почему вы игнорируете данный вопрос?
2. Найдите в style2.css
.tabs input:checked + label {
	background: #fff;
z-index: 6;

	-webkit-animation: page 0.2s linear;
	-moz-animation: page 0.2s linear;
	-ms-animation: page 0.2s linear;
	-o-animation: page 0.2s linear;
	animation: page 0.2s linear;
}
замените на

.tabs input:checked + label {
	background: #fff;
z-index: 6;

	-webkit-animation: page 0.2s linear;
	-moz-animation: page 0.2s linear;
	-ms-animation: page 0.2s linear;
	-o-animation: page 0.2s linear;
	animation: page 0.2s linear;
color:#097989;
}
для не выбранных блоков
найдите 
.tabs label {
background: #9b2d30;
background: -moz-linear-gradient(top, #9b2d30 0%, #9b2d30 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b2d30), color-stop(100%,#9b2d30));
background: -webkit-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: -o-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: -ms-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
font-size: 15px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
	float: left;
display: block;
width: 80px;
color: #ааа;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}
замените на

.tabs label {
background: #9b2d30;
background: -moz-linear-gradient(top, #9b2d30 0%, #9b2d30 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b2d30), color-stop(100%,#9b2d30));
background: -webkit-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: -o-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: -ms-linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
background: linear-gradient(top, #9b2d30 0%,#9b2d30 100%);
font-size: 15px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
	float: left;
display: block;
width: 80px;
color: #ааа;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
color:#782109;
}

Найдите в шаблоне Товар код
Скрытый текст
замените на

Скрытый текст

#208 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 02 Октябрь 2014 - 10:26

спасибо.

и все же еще вопросы остались.

1) как в табах исправить косяк с отзывами? виден только один и нельзя добавить новые

2) где меняется ширина вкладок табов?

3) как вывести на вкладки таба информацию о доставке не текстом, а из описания в корзине?

4) аналогично - какими переменными вывести на табы описание из "полного сео"?

#209 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 02 Октябрь 2014 - 15:52

Просмотр сообщенияИрина345 (30 Сентябрь 2014 - 19:22) писал:

Здравствуйте,
1. найдите в


Спасибо!!! С меня шоколадка когда в следующираз будуу Вас в офисе. :)

Подскажите еще
1. как добавить к товарам во вкладке сопутствующие товары, добавить конпку в корзину.
2. Некорректно работает функция отзывы. в карточке товара (положительные - отрицательные и кнопка оставить отзыв) . Помогите исправить.

За это еще шоколадка итого две)

Антон (Друг Дмитрия ;)


Спасибо

#210 Vaccina

Vaccina

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

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

Отправлено 02 Октябрь 2014 - 23:55

Просмотр сообщенияNavihome_ru (02 Октябрь 2014 - 15:52) писал:

Подскажите еще
1. как добавить к товарам во вкладке сопутствующие товары, добавить конпку в корзину.
2. Некорректно работает функция отзывы. в карточке товара (положительные - отрицательные и кнопка оставить отзыв) . Помогите исправить.

1. В шаблоне Товар найдите:
								  <div class="goodsListItemPriceOld">
								  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
												<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
												<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
								  {% ENDIF %}
								</div>
после него вставьте:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
												  <div style="padding:0px;background: #bae2ff; -webkit-border-radius:0px; margin-left: 0px; color: #FFFFFF; font-weight: bold;width: 48px;height: 22px; line-height: 22px;">
																<input type="hidden" name="hash" value="{HASH}" />
																<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
																<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
																<a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину" href="#">Купить</a>
															 </div>
												</form>

2.В main.css в самый конец добавьте:
.content-4 div{
opacity:1;
display:block;
}

Просмотр сообщенияSerg83 (02 Октябрь 2014 - 10:26) писал:

спасибо.

и все же еще вопросы остались.

1) как в табах исправить косяк с отзывами? виден только один и нельзя добавить новые

2) где меняется ширина вкладок табов?

3) как вывести на вкладки таба информацию о доставке не текстом, а из описания в корзине?

4) аналогично - какими переменными вывести на табы описание из "полного сео"?
1.В main.css добавьте:
.content-3 div{
opacity:1;
display:block;
position:relative;
}
2.В style2.css найдите:
.tabs input {
	cursor: pointer;
	height: 40px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 120px;
	z-index: 1000;
}
уменьшите значение width
далее найдите:
.tabs label {
	background: -moz-linear-gradient(center top , #9b2d30 0%, #9b2d30 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0, 0, 0, 0.1), -2px 0 2px rgba(0, 0, 0, 0.1);
	color: #fff;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	height: 40px;
	letter-spacing: 1px;
	line-height: 40px;
	padding: 0 20px;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	width: 80px;
}
уменьшите значение padding
3.уточните пожалуйста вопрос, так как на странице корзины отсутствует текст о доставке
4.сео описание должно выводиться отдельной вкладкой или во вкладке описание

#211 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2014 - 07:57

Просмотр сообщенияVaccina (02 Октябрь 2014 - 23:55) писал:

1. В шаблоне Товар найдите


Доброе утро!
Чегото не получилось да к тому же появилось много лишнего)
во вложении скрин.

Посмотрите пожалуйста.

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

  • 1149687848 — копия.jpg

#212 Vaccina

Vaccina

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

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

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

это от стилизации табов внутренние элементы тоже позаимствовали его стили.
В style2.css найдите все:
.tabs label

.tabs label:first-of-type

.tabs label:after

и замените на:
.tabs > label

.tabs > label:first-of-type

.tabs > label:after


далее там же найдите:
.tabs input
замените на:
.tabs > input

#213 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2014 - 20:01

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

это от стилизации табов внутренние элементы тоже позаимствовали его стили.
В style2.css найдите все:
.tabs label

.tabs label:first-of-type

.tabs label:after

и замените на:
.tabs > label

.tabs > label:first-of-type

.tabs > label:after


далее там же найдите:
.tabs input
замените на:
.tabs > input

Спасибо. сработало. но ссылки Положительные (1) | Отрицательные (0)  нет(
Всмысле не рабочие...

#214 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 20:11

ссылки у вас рабочие, при нажатии на отрицательные обновляется страница товара с пустым блоков отзывов, так как отрицательных у вас 0

#215 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 03 Октябрь 2014 - 20:55

Просмотр сообщенияVaccina (03 Октябрь 2014 - 20:11) писал:

ссылки у вас рабочие, при нажатии на отрицательные обновляется страница товара с пустым блоков отзывов, так как отрицательных у вас 0

не предположил. спасибо)

#216 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 04 Октябрь 2014 - 14:43

Просмотр сообщенияVaccina (03 Октябрь 2014 - 20:11) писал:

у вас 0


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

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

  • 970914_10151600108033480_2033277888_n.jpg

#217 Ирина345

Ирина345

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

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

Отправлено 04 Октябрь 2014 - 16:08

Просмотр сообщенияNavihome_ru (04 Октябрь 2014 - 14:43) писал:

еще помогите плз!
было бы удобно если рядом с фото товара во вкладке аксессуары, была кнопка купить. Точ такая же что в категориях. ПосмОтрите!? буду признателен.
Во вложении пример
Здравствуйте, найдите в
шаблоне Товар код
<table>
  <tr>
  {% FOR related_goods %}
				<td class="goodsListItem">  
				  <div class="goodsListItemBlock withBorder cornerAll"style="display: block;opacity: 1;" >
								<div class="goodsListItemImage"style="display: block;opacity: 1;"><a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
																		  
				  </div>								 
				  <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
<div class="goodsListItemPriceNew">
												<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
								  </div>  

								  <div class="goodsListItemPriceOld">
								  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
												<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
												<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
								  {% ENDIF %}
								</div>
  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
																								  <div style="padding:0px;background: #bae2ff; -webkit-border-radius:0px; margin-left: 0px; color: #FFFFFF; font-weight: bold;width: 48px;height: 22px; line-height: 22px;">
																																<input type="hidden" name="hash" value="{HASH}" />
																																<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
																																<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
																																<a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину" href="#">Купить</a>
																														 </div>
																								</form>
  
  
  
  
</td>
				{% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
  {% ENDFOR %}
  </tr>
</table>
замените на
<table>
  <tr>
  {% FOR related_goods %}
				<td class="goodsListItem">  
				  <div class="goodsListItemBlock withBorder cornerAll"style="display: block;opacity: 1;" >
								<div class="goodsListItemImage"style="display: block;opacity: 1;"><a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
																		  
				  </div>								 
				  <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
<div class="goodsListItemPriceNew"style="display: block;opacity: 1;">
												<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
								  </div>  

								  <div class="goodsListItemPriceOld">
								  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
												<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
								  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
												<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
								  {% ENDIF %}
								</div>
								<!-- Блок Наличие начало --> &nbsp;&nbsp;

						{% IF related_goods.MAX_REST_VALUE=0 %}
				<div class="goodsDataMainModificationAvailable" style="display: block;opacity: 1;padding: 0;">
								   <div rel="false" class="available-false" style="display: block;opacity: 1;padding:0px;margin-left: 10px;-webkit-border-radius:0px; background: none repeat scroll 0 0 #c4c4c4;color: #FFFFFF;font-size: 14px; width: 120px;height: 22px; line-height: 22px;">Предзаказ</div>
								 </div>
  {% ENDIF %}
   {% IF related_goods.MAX_REST_VALUE>0 %}
				   <div class="goodsDataMainModificationAvailable" style="display: block;opacity: 1;padding: 0;">
								   <div rel="true" class="available-true" style="display: block;opacity: 1;padding:0px; background: #9DD6F3; -webkit-border-radius:0px; margin-left: 10px; color: #FFFFFF; width: 120px; height: 22px; font-size: 14px; line-height: 22px;">Есть в наличии</div>
				  </div>
  {% ENDIF %}
  <!-- Блок Наличие конец-->  
			   
				  
  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm" style="display: block;opacity: 1;">
																								  <div style="padding:0px;background: #bae2ff; -webkit-border-radius:0px; margin-left: 0px; color: #FFFFFF; font-weight: bold;width: 48px;height: 22px; line-height: 22px;display: block;opacity: 1;">
																																<input type="hidden" name="hash" value="{HASH}" />
																																<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
																																<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
																																<a class="readmore" onclick="$('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{related_goods.NAME}&raquo; в корзину" href="#">Купить</a>
																														 </div>
																								</form>
  
  
  
  
</td>
				{% IFNOT related_goods.last %}{related_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
  {% ENDFOR %}
  </tr>
</table>

#218 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 05 Октябрь 2014 - 08:37

Просмотр сообщенияИрина345 (04 Октябрь 2014 - 16:08) писал:

Здравствуйте, найдите в
шаблоне Товар код
<table>
<tr>

</tr>
</table>



Доброе утро! :)
Я все с тем же, подскажите где поправить код что бы в карточке товара во вкладке аксессуары нажимая купить, товар просто уходил в корзину но не открывая корзину, точ так же как и по кнопке Купить сейчас, что выше. спасибо.
и  второе
из-за этих вкладок в части карточек товара не корректно отображается описание товара, вот пример http://navihome.ru/goods/Garmin-Virb-2 поможете?

Я так понял что это из-за DIVов в коде, можно ли их как то сделать читаемыми? т.к удалять из 336 товаров накладно)
Спасибо.

#219 Serg83

Serg83

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

  • Пользователи
  • PipPipPipPip
  • 530 сообщений
  • Городсанкт-петербург

Отправлено 05 Октябрь 2014 - 20:55

Просмотр сообщенияVaccina (02 Октябрь 2014 - 23:55) писал:

3.уточните пожалуйста вопрос, так как на странице корзины отсутствует текст о доставке
4.сео описание должно выводиться отдельной вкладкой или во вкладке описание

3. я не про текст. прикладываю скрин.
как вывести в табе эту же информацию?
корзина.jpg

4.отдельной вкладкой.


Vaccina, подскажите еще пожалуйста как отзывы в табах починить?

#220 Vaccina

Vaccina

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

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

Отправлено 06 Октябрь 2014 - 23:51

3. вас не устраивает стандартные отображаемые данные в карточке товара о доставке? так как текст пунктов должен дублироваться(на данный момент у вас внесена вручную информация)
4. В шаблоне Товар найдите:
<input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
								  <label for="tab-4" class="tab-label-4">Доставка</label>
после него вставьте:
<input id="tab-5" type="radio" name="radio-set" class="tab-selector-5" />
<label for="tab-5" class="tab-label-5">Доп инфо</label>

далее найдите:
	</div>
				</section>
</div>
<!-- END Блок описания товара. Показываем его есть описание товара -->
<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
  <div style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
  <div style="padding-top:1em;" class="htmlDataBlock">
		{GOODS_SEO_DESCRIPTION_LARGE}
  </div>
{% ENDIF %}
<!-- END Полное SEO-описание -->
замените на:
<div class="content-5">
<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
  <div style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
		{GOODS_SEO_DESCRIPTION_LARGE}
{% ENDIF %}
<!-- END Полное SEO-описание -->
</div>  
   </div>
				</section>
</div>


вопрос об отзывах обсуждался выше и решается аналогичным путем:
http://forum.storela...200#entry163700
Обратно в Страница товара


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Страница товара
  6. Privacy Policy