Выбор и настройка внешнего вида магазина - страница 4 - [VM1] Дизайн, оформление

echo $vendor_store_desc."<br />";
echo "<br /><h4>".$VM_LANG->_('PHPSHOP_CATEGORIES')."</h4>";

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__); ?>

<!-- ORDER BY .... FORM -->
<form action="<?php echo $mm_action_url."index.php" ?>" method="get" name="order">

<?php
if( !empty( $VM_BROWSE_ORDERBY_FIELDS )) {
	echo $this->fetch( 'browse/includes/browse_orderbyfields.tpl.php');

// This is the toggle button for Descending / Ascending Order
// It is wrapped into a JS function with a noscript area to keep it accessible
echo mm_writeWithJS('&nbsp;<input type="hidden" name="DescOrderBy" value="'.$asc_desc[0].'" /><a href="javascript: document.order.DescOrderBy.value=\''.$asc_desc[1].'\'; document.order.submit()"><img src="'. $mosConfig_live_site."/images/M_images/$icon"  .'" border="0" alt="'. $VM_LANG->_('PHPSHOP_PARAMETER_SEARCH_'.$asc_desc[0].'ENDING_ORDER').'" title="'.$VM_LANG->_('PHPSHOP_PARAMETER_SEARCH_'.$asc_desc[0].'ENDING_ORDER').'" width="12" height="12" /></a>',
      '<select class="inputbox" name="DescOrderBy">
            <option '.$selected[0].' value="DESC">'.$VM_LANG->_('PHPSHOP_PARAMETER_SEARCH_DESCENDING_ORDER').'</option>
            <option '.$selected[1].' value="ASC">'.$VM_LANG->_('PHPSHOP_PARAMETER_SEARCH_ASCENDING_ORDER').'</option>
        </select>
        <input class="button" type="submit" value="'.$VM_LANG->_('PHPSHOP_SUBMIT').'" />');
}
?>
    <input type="hidden" name="Itemid" value="<?php echo $Itemid ?>" />
    <input type="hidden" name="option" value="com_virtuemart" />
    <input type="hidden" name="page" value="shop.browse" />
    <input type="hidden" name="category_id" value="<?php echo $category_id ?>" />
    <input type="hidden" name="manufacturer_id" value="<?php echo $manufacturer_id ?>" />
    <input type="hidden" name="keyword" value="<?php echo $keyword ?>" />
    <input type="hidden" name="keyword1" value="<?php echo $keyword1 ?>" />
    <input type="hidden" name="keyword2" value="<?php echo $keyword2 ?>" />
    
<?php
if( !empty( $product_type_id )) {
	echo '<input type="hidden" name="product_type_id" value="'.$product_type_id.'" />'; 
	echo $ps_product_type->get_parameter_form($product_type_id);
}

if( $show_top_navigation ) {
	?>
	&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $VM_LANG->_('PN_DISPLAY_NR')?>&nbsp;&nbsp;

	<?php $pagenav->writeLimitBox(); ?>
	<noscript><input type="submit" value="<?php echo $VM_LANG->_('PHPSHOP_SUBMIT')?>" /></noscript>
	
    <!-- PAGE NAVIGATION AT THE TOP -->
    <br/>
    <div style="text-align:center;"><?php 
    	$pagenav->writePagesLinks( $search_string );
    	echo '<br />';
    	$pagenav->writePagesCounter();
      ?>
    </div>
    
	<?php
	
}
?>
</form>

<style type="text/css">
   TABLE {
     /* Ширина таблицы */
    background: #287DFF url(images/bar_bl.png);
   }
   TD, TH {
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid #FFFFFF; /* Параметры рамки */
   }
   TH {
    background: #287DFF; /* Цвет фона */
   }
 
   TBODY TR:hover TD {
    color: white; /* Цвет текста */
   }
</style>   
<table>
     <td width="100"><div align="center">&#1040;&#1088;&#1090;&#1080;&#1082;&#1091;&#1083;</div></td>
     <td width="700"><div align="left">&#1053;&#1072;&#1080;&#1084;&#1077;&#1085;&#1086;&#1074;&#1072;&#1085;&#1080;&#1077;</div></td>
     <td width="100"><div align="center">&#1062;&#1077;&#1085;&#1072;, &#1088; </div></td>
  </table>

<table bgcolor="#ffcc00">
     <td  width="100"><div align="center">134566</div></td>
     <td  width="700"><div align="left"><?php echo $product_name ?></div></td>
     <td  width="100"><div align="center"><?php echo $product_price ?></div></td>
  </table>

<style type="text/css">
   TABLE {
     /* Ширина таблицы */
    background: #FFFFFF;
   }
     TH {
     background: url(images/bar_bl.png); /*Фон шапки*/
     color: white; /* Цвет текста */
     padding: 3px; /* Поля вокруг содержимого таблицы */
   }
   TD {
     background: #FFFFFF;
     border: 1px solid #45FFFF; /* Параметры рамки */
     padding: 3px; /* Поля вокруг содержимого таблицы */
   }
    TBODY TR:hover TD {
    color: white; /* Цвет текста */
       }
</style>

<style type="text/css">

	#playlist {
		border: 1px solid #666666;
	}

	#playlist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	
	#playlist tbody tr.selected td {	/*  Стиль для выбранного элемента  */
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}
</style>


<script type="text/javascript">
<!--
//Исправление бага для Интернет Эксплорера

  function hasClass(obj) {
     var result = false;
     if (obj.getAttributeNode("class")!= null) {
         result = obj.getAttributeNode("class").value;
     }
     return result;
  }   

 function stripe(id) {

    // Метка четности/нечетности
    var even = false;
  
    // Если в вызове функции не указаны цвета, используются дефолтные отсюда
    var evenColor = arguments[1] ? arguments[1] : "#fff";
    var oddColor = arguments[2] ? arguments[2] : "#eee";
  
    // обращание к таблице по ID
    var table = document.getElementById(id);
    if (! table) { return; }
    
    // Таблица может иметь больше чем один tbody, поэтому надо учесть их все
    var tbodies = table.getElementsByTagName("tbody");

    // ...
    for (var h = 0; h < tbodies.length; h++) {
    
     // Найти все теги tr 
      var trs = tbodies[h].getElementsByTagName("tr");
      
      // ... 
      for (var i = 0; i < trs.length; i++) {

	    // пропустить все tr с указанным классом
        // или  backgroundColor style
	    if (!hasClass(trs[i]) && ! trs[i].style.backgroundColor) {
 
         // пройтись по всем ячейкам
          var tds = trs[i].getElementsByTagName("td");
        
          // ...
          for (var j = 0; j < tds.length; j++) {
        
            var mytd = tds[j];

            // пропустить все td с указаным классом
            // или backgroundColor style
	        if (! hasClass(mytd) && ! mytd.style.backgroundColor) {
        
		      mytd.style.backgroundColor = even ? evenColor : oddColor;
              
            }
          }
        }
        // переключение порядка "полосатости"
        even =  ! even;
      }
    }
  }
// -->
</script>



<body onload="stripe(&#39;playlist&#39;, &#39;#fff&#39;, &#39;#edf3fe&#39;);"> <!--Вызов функции с указанием цветов -->

<table id="playlist" cellspacing="0">
<tbody>
     <tr>
     <td width="100"><div align="center">134566</div></td>
     <td width="700"><div align="left"><?php echo $product_name ?></div></td>
     <td width="100"><div align="center"><?php echo $product_price ?></div></td>
     </tr>
</tbody>
</table>