Отделить характеристики

[Electr0n]

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

 

 

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

Карточка товара мой сайт. 

Змінено 13 квітня 2016 користувачем Electr0n

[chukcha]

переверстать блок

из панели табов убрать ссылку на таб характеристик

[Electr0n]

переверстать блок

из панели табов убрать ссылку на таб характеристик

А как сделать это можете подробней рассказать ? 

 

понимаю что нужно сделать ширину уже у блока описания 

 

а дальше в php не знаю как 

Змінено 13 квітня 2016 користувачем Electr0n

[Shureg]

Подробнее там надо полшаблона переверстать.

[chukcha]

Shureg, та ладно, не пугайте..

Не так страшен черт

 

Переверстать по принципу блока product_info

с левым и правым блоком - главное из табов убрать таб Характеристик

[Electr0n]

Я сдвинул.   а как дальше в шаблоне править ? 

[OldAine]

в файле product.tpl 

 

1. Найти что-то похожее на:

<a href="#tab-attribute" class="selected">Характеристики</a>

и удалить!

 

2. Потом найдите что-то похожее на это:

<div id="tab-attribute" class="tab-content" style="display: block;">
    <table class="attribute">

и вырежьте всё что находится внутри вместе с закрывающими тегами и переставьте туда куда вам надо.

 

+ возможно потребуется немного css.

 

При поиске нужных строк ориентируетесь по ID-шникам

[Electr0n]

вынести получилось 

 

можете помочь с верской? 

 

в файле product.tpl 

 

1. Найти что-то похожее на:

<a href="#tab-attribute" class="selected">Характеристики</a>

и удалить!

 

2. Потом найдите что-то похожее на это:

<div id="tab-attribute" class="tab-content" style="display: block;">
    <table class="attribute">

и вырежьте всё что находится внутри вместе с закрывающими тегами и переставьте туда куда вам надо.

 

+ возможно потребуется немного css.

 

При поиске нужных строк ориентируетесь по ID-шникам

[OldAine]

вынести получилось 

 

можете помочь с верской? 

.product-info { 
	margin-bottom: 30px;
	overflow: auto;
}
#tab-attribute { 
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 40%;
	margin-bottom: 30px;
}
#tabs { 
	display: block;
	float: right;
	margin: 0px 31px 0px 0px;
	width: 51%;
}
.tab-content { 
	background: #FFFFFF;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-top: 2px solid #006AAE;
	float: right;
	margin: 0px 10px;
	overflow: hidden;
	padding: 20px 10px;
	width: 51%;
	z-index: 2;
}
.box .box-heading { 
	background: #67BF61;
	color: #FFFFFF;
	font-family: "Verdana", serif, "arial";
	font-size: 13px;
	font-weight: 700;
	height: 15px;
	line-height: 14px;
	margin: 0px 0px 0px 3px;
	padding: 6px;
	text-align: center;
	text-shadow: 1px 1px 1px #303030;
	text-transform: uppercase;
	width: 205px;
}

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