Ответить Новая тема Новый опрос 
Всего: 2 1 2 >
 Характеристики в виде таблицы
HaseaN
Новичок
Сообщений: 34
Регистрация: 10-10-2010


01-12-2010 04:44
Появилась необходимость немного модифицировать характеристики (свойства) продукта. В стандартном варианте характеристики выводяться голыми строчками, ну можно немного подправить чтобы хотя бы двоеточие стояло между названием хар-ки и ее значением. Но по хорошему, было бы неплохо иметь возможность их группировать и выводить, примерно так, как изображено на приложенном скрине.
Надеюсь я не 1 кому это было бы полезно.
На официальном форуме есть такая веточка, но там как то жиденько все очень.
Есть ли у Вас какие идеи по данному сабжу?


Сообщение отредактировано HaseaN 01-12-2010 00:45 ...


Изображения:
screen.JPG - Размер файла43.2KB, Скачиваний: 1389 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
alyans4
Новичок
Сообщений: 4
Регистрация: 07-03-2011


11-03-2011 04:11
Сегодня столкнулся с необходимостью оформление блока характеристик, то что мне надо было я сделал, реализовал конечно топорным html способом, но как смог.

в папке темы открываешь файл product.tpl

находишь строки:
Код:
<!-- product's features -->
<ul id="idTab2" class="bullet">
{foreach from=$features item=feature}<li>
<table class="xarakter"><tr><td align="center"><span style="color:#1A50C4"><b>

{$feature.name|escape:'htmlall':'UTF-8'} 

</b></span></td><td align="center" width="60%"> 

{$feature.value|escape:'htmlall':'UTF-8'}


</td></tr></table></li>{/foreach}</ul>{/if}


Код:
{$feature.name|escape:'htmlall':'UTF-8'}  ////это левый столбец
{$feature.value|escape:'htmlall':'UTF-8'}  ////это правый столбец


в файл стилей css вставил вот это:
Код:
.xarakter {
    position: relative;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: 100%;
}


Итого что у меня получилось можно увидеть на прикрепленной картинке.
Мой метод оформления плох тем что для каждой строки создается отдельная таблица. ScreenShot058.jpg - Размер файла 52.5KB (Нажмите на изображение, чтобы увеличить)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010


11-03-2011 04:29
Спасибо что поделились :) так выглядит более нормально :drinks:
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
soldat
Новичок
Сообщений: 55
Регистрация: 06-07-2011


15-07-2011 06:32
А я делал зебру +выделение активной строки. вот так
11.jpg - Размер файла28.93KB (Нажмите для увеличения)
Только пока не разобрался, как же вывести характеристики, в том порядке, в котором надо мне, а не в алфавитном. Может кто знает?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
soldat
Новичок
Сообщений: 55
Регистрация: 06-07-2011


15-07-2011 06:56

В \www\themes\твоя тема\css\product.css
добавить
Код:
/* harakteristiki v product.tpl  */
.trcolor { background-color: #90AECC;}
tr:hover{background-color: #8ACCE2;}
table {margin:0 0px}
th {background:#030A0C; color:#fff}
/*td, th {border:1px solid #000; padding:5px 10px}*/


в \www\themes\твоя тема\product.tpl
найти
Код:
&lt;!-- product's features --&gt;


и до
Код:
{if $attachments}
        <ul id="idTab9" class="bullet">
        {foreach from=$attachments item=attachment}
            <li><a >getPageLink('attachment.php', true)}?id_attachment={$attachment.id_attachment}">{$attachment.name|escape:'htmlall':'UTF-8'}</a><br />{$attachment.description|escape:'htmlall':'UTF-8'}</li>
        {/foreach}
        </ul>


между ними все стираем и вставляем:
Код:
&lt;!-- script delaet zebru v tabl s harakteristakami --&gt;        
[removed]
function fgetAllDataTables()
{
if (!document.getElementsByTagName) return false;
var eleTables = document.getElementsByTagName("table");
for (var i=0; i < eleTables.length; i++)
{
if (eleTables[i].className == "datatable")
{
fStripes(eleTables[i]);
}
}
}
function fStripes(eleTable)
{
var eleTableRows = eleTable.getElementsByTagName("tr");
for (var i=1; i < eleTableRows.length; i++)
{
eleTableRows[i].className = "trcolor";
i++;
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window&lt;body id="home"&gt;
        
    <table table class="datatable" border="0" width="100%">
        <ul id="idTab2" class="bullet">
        {foreach from=$features item=feature}
        <tr height="50%">
                <td align="left">
                {$feature.name|escape:'htmlall':'UTF-8'}

            <td align="left">

                {$feature.value|escape:'htmlall':'UTF-8'}

            </td>
        </tr>
            
        {/foreach}
        </ul>
    </table>
&lt;/body&gt;        

    {/if}
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
soldat
Новичок
Сообщений: 55
Регистрация: 06-07-2011


11-08-2011 12:01
Народ есть модуль, который позволяет упорядочить характеристики как нам надо. стоит 20 евро )) скинемся?
http://www.presto-changeo.com/ru/attribute-modul......bute-order.html
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Kaskada911


Новичок
Сообщений: 51
Регистрация: 14-07-2011


17-08-2011 04:08
подскажите, а как выровнять столбцы, если все выглядит, как на картинке из второго поста? собственно и код взят из того же поста, ибо код soldata у меня не робит =( а обидно
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
soldat
Новичок
Сообщений: 55
Регистрация: 06-07-2011


17-08-2011 12:27
слушай поставь еще раз свою тему от престы, видимо твоя с багами или не доставилась!!!

убери свою тему из www\themes\

разархивируй туда в папку prestashop


Сообщение отредактировано soldat 17-08-2011 16:29 ...


Вложения:

Вложения prestashop.zip( Размер файла: 329.74KB Скачиваний: 175 )
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Kaskada911


Новичок
Сообщений: 51
Регистрация: 14-07-2011


17-08-2011 14:42
поставил, она у меня работает не корректно, шрифт гигантский становится и правая половина включая товар так же не отображается
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Kaskada911


Новичок
Сообщений: 51
Регистрация: 14-07-2011


18-08-2011 00:55
с выравниванием то подсказать ни кто не может?? у всех что ли текст центруется в ячейке?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
Всего: 2 1 2 >