Jump to content

Характеристики товаров


Recommended Posts

Как зделать чтоби характеристики товаров виводились своеобразной таблицой
а не просто списком
Примерно так как показано на скрине?

42198_DDpikR0Ubl7MRNIRysgj_t

Link to comment
Share on other sites

Кажется, да. Вам хотелось бы видеть список более нарядным и удобочитаемым, правильно. У меня сейчас срочная работа, но, когда развяжусь, покажу, где и что поправить.

Link to comment
Share on other sites

Раскрасить рядки таблицы, чередуя цвета, можно и указанием стилей, и скриптом... Первый способ, гораздо проще, но этот вариант отпадает, потому что годится, лишь, для html-вёрстки (мы могли бы подкрашенным рядам таблицы присвоить класс ряда и дать его описание в стилях), второй способ -- скриптом, который умеет отличить чётный ряд от нечётного, и если Вы задатите параметры одного из них, раскрасит таким образом все таблицы. Если все -- не нужно, можно присвоить название класса тем таблица, на которые будет распространяться действие скрипта. Скрипт, вот, он:

[removed]
function colourRows(){
rowEl=document.getElementById("tab").getElementsByTagName("tr")
for(var rowCount=0; rowCountif((rowCount+1) % 2 == 0) {
rowEl[rowCount].style.backgroundColor="white"
rowEl[rowCount].style.color="dimgray"
}
else{
rowEl[rowCount].style.backgroundColor="#eaf7ff"
rowEl[rowCount].style.color="blue"
[spam-filter]}
[removed]



Насколько я понимаю, для того, чтобы он работал, необъодимо прописать в теге <body> следующее: onload="colourRows() ; colourCells() ; colourCols()". То есть, вместе это будет так: <body>. Но, вот, в скриптах я не разбираюсь: для меня и php, и tpl -- тёмный лес. Как вставить, нужно спрашивать у Sorsa Artyr_na. Я... Увы...

Link to comment
Share on other sites

Товарищи,

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

Link to comment
Share on other sites

Artyr_n, уже все здела мне нравитса теперь и я немного в етом шарю)))Только чтото деньги я ему отослал а они ему еще не пришли но ничего думаю придт и все будет норм)Очень доволен виводом характеристик)
Бесплатно не вилоєу потому что платил деньги чтоби здлеали мне)А может и виложу буду на роботе отпишусь)И скрин скину)

Link to comment
Share on other sites

А у Артура разрешение на вывод модуля конечно не спросил

Его нет в асе я ему пише он не отвечает, и ето не модуль, а простая доработка файла globak.css
Арут все здела бистро и четко, думаю настройку просто отсавлю и будет точка на етом, а помагь мне или нет тови проблеми есть люди которие помогут

Link to comment
Share on other sites

Ты собрался продавать модуль который тебе сделали.
И как это называется?


здесь что пишет???
думаю настройку просто отсавлю и будет точка на етом
где я ее продаю?
Link to comment
Share on other sites

Кто еще хочеш такой вивод инфи напишите в личку дам свои контактние дание
Если вас будет брать 4человека то скинить по 5грн ивсе)
Артур дал розришение

Link to comment
Share on other sites

  • 2 months later...
Меня интересует.

вот такой у меня вивод характеристик

Прикольно очень! Скинь мне плз!)
И еще вопросик - у тебя характеристики как нибудь сортируются? я имею ввиду - например вводишь Длина, высота, ширина, мощность... и там еще десяток... их как нить можно отсортировать, что бы были как мне нужно - наприимер (габариты - сверху, тех характер. - по середине - там допы разные - снизу)... а то в админке одна сортировка, в товаре уже по другому, все в перемешку получается...
у тебя так же?
Link to comment
Share on other sites

Слушай пару часов копания в нете и у меня вот так (зебра + выделение активной строки):



В \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
найти

<!-- product's features -->



и до

>
{if $attachments}
</pre>
<ul>
       {foreach from=$attachments item=attachment}
getPageLink('attachment.php', true)}?id_attachment={$attachment.id_attachment}">{$attachment.name|escape:'htmlall':'UTF-8'}
{$attachment.description|escape:'htmlall':'UTF-8'}
       {/foreach}



между ними все стираем и вставляем:

><!-- script delaet zebru v tabl s harakteristakami -->        
[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<body id="home">

</pre>
<ul>
       {foreach from=$features item=feature}


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



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




       {/foreach}
</ul>
<br><br></body>        <br><br>  

49484_4jfNtK4IKrfGQfMPxatN_t

Link to comment
Share on other sites

беда с этой сортировкой - жесть просто. я тут не один мучаюсь - http://www.prestashop.com/forums/viewthread/119530/__/___dot_
табличку поставил - спасибо, только здесь часть кода съелась - скрипт нужно заключить в теги...[removed][removed] и <!-- products features --> кавычка нужна иначе не находится по поиску - вот так <!-- product's features -->

Link to comment
Share on other sites

Слушай пару часов копания в нете и у меня вот так (зебра + выделение активной строки):


Делал все как написано, но изменений нет.
Помогите пожалуйста.

Вот что получилось

<!-- product's features -->
<!-- script delaet zebru v tabl s harakteristakami -->
[removed]
function fgetAllDataTables()
{
if (!document.getElementsByTagName) return false;
var eleTables = document.getElementsByTagName("table");
for (var i=0; i < eleTables.length; i++)
{
if (eleTables.className == "datatable")
{
fStripes(eleTables);
}
}
}
function fStripes(eleTable)
{
var eleTableRows = eleTable.getElementsByTagName("tr");
for (var i=1; i < eleTableRows.length; i++)
{
eleTableRows.className = "trcolor";
i++;
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window<body id="home">


  • {foreach from=$features item=feature}


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



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




    {/foreach}


</body>

{/if}
[removed]
{if $attachments}

{/if}
{if isset($accessories) AND $accessories}


Вот это вставил в самом конце документа 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}*/
Link to comment
Share on other sites

Там действительно код сожрался, ты с изменениями вставил (то что написал Beginner)

может у тебя кеш, удали все в папке \www\tools\smarty\compile кроме файла index.php

Link to comment
Share on other sites

Да, кстати заметил, что код (табличка зеброй) криво работает в браузерах опера и мозилла, табличка появляется во всех вкладках. Может есть умельцы, чтоб подправить???

Link to comment
Share on other sites

×
×
  • Create New...