Advertisement
Guest User

12

a guest
Jan 6th, 2016
151
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.31 KB | None | 0 0
  1. <?php
  2. include("include/db_connect.php");
  3. ?>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  8. <title>Your Store</title>
  9. <meta name="description" content="My Store" />
  10. <link rel="stylesheet" type="text/css" href="stylesheet/960.css" media="all" />
  11. <link rel="stylesheet" type="text/css" href="stylesheet/screen.css" media="screen" />
  12. <link rel="stylesheet" type="text/css" href="stylesheet/color.css" media="screen" />
  13. <!--[if lt IE 9]>
  14. <link rel="stylesheet" type="text/css" href="stylesheet/ie.css" media="screen" />
  15. <![endif]-->
  16. <script type="text/javascript" src="js/shop-script.js"></script>
  17. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  18. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
  19. <script type="text/javascript" src="js/shoppica.js"></script>
  20. <script type="text/javascript" src="js/jquery.cookie.min.js"></script>
  21. </head>
  22. <script type="text/javascript">
  23. function showHide(div_grid) {
  24. //Если элемент с id-шником element_id существует
  25. if (document.getElementById(div_grid)) {
  26. //Записываем ссылку на элемент в переменную obj
  27. var obj = document.getElementById(div_grid);
  28. //Если css-свойство display не block, то:
  29. if (obj.style.display != "block") {
  30. obj.style.display = "block"; //Показываем элемент
  31. $("#block_list").hide();
  32. $("#view_list").attr('class','no_selected')
  33. $("#view_grid").attr('class','s_selected')
  34. $.cookie('select_style','grid');
  35. }
  36.  
  37. }
  38. }
  39. if ($.cookie('select_style') == 'grid' )
  40. {
  41. alert("work")
  42. //смена цвета активного вида
  43. $("#view_list").attr('class','no_selected')
  44. $("#view_grid").attr('class','s_selected')
  45. }
  46. else
  47. {
  48. alert("dont-work")
  49. $("#view_list").attr('class','s_selected')
  50. $("#view_grid").attr('class','no_selected')
  51. }
  52. </script>
  53. <body class="s_layout_fixed">
  54.  
  55. <div id="wrapper">
  56.  
  57. <!-- ********************** -->
  58. <!-- H E A D E R -->
  59. <!-- ********************** -->
  60. <div id="header" class="container_12">
  61. <div class="grid_12">
  62.  
  63. <a id="site_logo" href="index.php">Shoppica store - Premium e-Commerce Theme</a>
  64.  
  65. <div id="system_navigation" class="s_nav">
  66. <ul class="s_list_1 clearfix">
  67. <li><a href="index.php">Home</a></li>
  68. <li><a href="login.html">Log In</a></li>
  69. <li><a href="cart.html">Shopping Cart</a></li>
  70. <li><a href="static.html">About Us</a></li>
  71. <li><a href="contacts.html">Contact</a></li>
  72. </ul>
  73. </div>
  74.  
  75. <div id="site_search">
  76. <a id="show_search" href="javascript:;" title="Search:"></a>
  77. <div id="search_bar" class="clearfix">
  78. <input type="text" id="filter_keyword" />
  79. <select id="filter_category_id">
  80. <option value="0">All Categories</option>
  81. <option value="1">Category 1</option>
  82. <option value="2">Category 2</option>
  83. </select>
  84. <a class="s_button_1 s_secondary_color_bgr"><span class="s_text">Go</span></a> <a class="s_advanced s_main_color" href="">Advanced Search</a>
  85. </div>
  86. </div>
  87.  
  88. <div id="language_switcher" class="s_switcher"> <span class="s_selected">US Dollar</span>
  89. <ul class="s_options">
  90. <li><a href="">Euro</a></li>
  91. <li><a href="">Pound Sterling</a></li>
  92. <li><a href="">US Dollar</a></li>
  93. </ul>
  94. </div>
  95.  
  96. <div id="currency_switcher" class="s_switcher"> <span class="s_selected"><img src="images/flags/gb.png" alt="English" /> English</span>
  97. <ul class="s_options">
  98. <li><a href=""><img src="images/flags/gb.png" alt="English" /> English</a></li>
  99. <li><a href=""><img src="images/flags/de.png" alt="Deutsch" /> Deutsch</a></li>
  100. </ul>
  101. </div>
  102.  
  103. <div id="categories" class="s_nav">
  104. <ul>
  105. <li id="menu_home"> <a href="index.php">Home</a> </li>
  106. <li> <a href="listing_1.php">Фотоаппараты</a>
  107. <div class="s_submenu">
  108. <h3>Фотоаппараты по назначению</h3>
  109. <ul class="s_list_1 clearfix">
  110. <li> <a href="listing_1.php">Классические</a> </li>
  111. <li><a href="listing_1.php">Зеркальные</a></li>
  112. <li><a href="listing_1.php">Со сменным объективом</a></li>
  113. <li><a href="listing_1.php">Суперзумы</a></li>
  114. <li><a href="listing_1.php">Компактные</a></li>
  115. <li><a href="listing_1.php">Со съемкой в режиме 3D</a></li>
  116. </ul>
  117. <span class="clear border_eee"></span>
  118. <h3>Фотоаппараты по моделям</h3>
  119. <ul class="s_list_1 clearfix">
  120. <li><a href="listing_1.php">Canon</a></li>
  121. <li><a href="listing_1.php">Hugo Boss</a></li>
  122. <li><a href="listing_1.php">Panasonic</a></li>
  123. <li><a href="listing_1.php">Samsung</a></li>
  124. <li><a href="listing_1.php">Sony</a></li>
  125. </ul>
  126. </div>
  127. </li>
  128. <li> <a href="listing_1.php">Computers</a>
  129. <div class="s_submenu">
  130. <h3>Inside Computers</h3>
  131. <ul class="s_list_1 clearfix">
  132. <li><a href="listing_1.php">Desktops</a></li>
  133. <li><a href="listing_1.php">Laptops</a></li>
  134. <li><a href="listing_1.php">Monitors</a></li>
  135. <li><a href="listing_1.php">Components</a></li>
  136. <li><a href="listing_1.php">Software</a></li>
  137. </ul>
  138. <span class="clear border_eee"></span>
  139. <h3>Computers Brands</h3>
  140. <ul class="s_list_1 clearfix">
  141. <li><a href="listing_1.php">Hugo Boss</a></li>
  142. <li><a href="listing_1.php">Sony</a></li>
  143. </ul>
  144. </div>
  145. </li>
  146. <li><a href="listing_1.php">Clothing</a>
  147. <div class="s_submenu">
  148. <h3>Inside Clothing</h3>
  149. <ul class="s_list_1 clearfix">
  150. <li><a href="listing_1.php">Women's Clothing</a></li>
  151. <li><a href="listing_1.php">Men's Clothing</a></li>
  152. <li><a href="listing_1.php">Boys</a></li>
  153. <li><a href="listing_1.php">Girls</a></li>
  154. <li><a href="listing_1.php">Infants and toddlers</a></li>
  155. </ul>
  156. <span class="clear border_eee"></span>
  157. <h3>Clothing Brands</h3>
  158. <ul class="s_list_1 clearfix">
  159. <li><a href="listing_1.php">Bvlgari</a></li>
  160. <li><a href="listing_1.php">Elisabeth Arden</a></li>
  161. </ul>
  162. </div>
  163. </li>
  164. <li><a href="listing_1.php">Shoes</a>
  165. <div class="s_submenu">
  166. <h3>Inside Shoes</h3>
  167. <ul class="s_list_1 clearfix">
  168. <li><a href="listing_1.php">Women's Shoes</a></li>
  169. <li><a href="listing_1.php">Men's Shoes</a></li>
  170. <li><a href="listing_1.php">Kids' Shoes</a></li>
  171. <li><a href="listing_1.php">Sportswear</a></li>
  172. </ul>
  173. <span class="clear border_eee"></span>
  174. <h3>Shoes Brands</h3>
  175. <ul class="s_list_1 clearfix">
  176. <li><a href="listing_1.php">Adidas</a></li>
  177. <li><a href="listing_1.php">Apple</a></li>
  178. <li><a href="listing_1.php">Armani</a></li>
  179. <li><a href="listing_1.php">Balenciaga</a></li>
  180. <li><a href="listing_1.php">Christian Dior</a></li>
  181. <li><a href="listing_1.php">Nike</a></li>
  182. <li><a href="listing_1.php">Samsung</a></li>
  183. <li><a href="listing_1.php">Sony</a></li>
  184. </ul>
  185. </div>
  186. </li>
  187. <li><a href="listing_1.php">Gifts</a>
  188. <div class="s_submenu">
  189. <h3>Inside Gifts</h3>
  190. <ul class="s_list_1 clearfix">
  191. <li><a href="listing_1.php">Perfumes</a></li>
  192. <li><a href="listing_1.php">Spirits and Beers</a></li>
  193. <li><a href="listing_1.php">Wines</a></li>
  194. <li><a href="listing_1.php">Flowers</a></li>
  195. <li><a href="listing_1.php">Chocolates and sweets</a></li>
  196. <li><a href="listing_1.php">Toys and Games</a></li>
  197. <li><a href="listing_1.php">Pets</a></li>
  198. </ul>
  199. <span class="clear border_eee"></span>
  200. <h3>Gifts Brands</h3>
  201. <ul class="s_list_1 clearfix">
  202. <li><a href="listing_1.php">Adidas</a></li>
  203. <li><a href="listing_1.php">Armani</a></li>
  204. <li><a href="listing_1.php">Balenciaga</a></li>
  205. <li><a href="listing_1.php">Bvlgari</a></li>
  206. <li><a href="listing_1.php">Canon</a></li>
  207. <li><a href="listing_1.php">Christian Dior</a></li>
  208. <li><a href="listing_1.php">Elisabeth Arden</a></li>
  209. <li><a href="listing_1.php">Hugo Boss</a></li>
  210. <li><a href="listing_1.php">Sony</a></li>
  211. </ul>
  212. </div>
  213. </li>
  214. <li><a href="listing_1.php">At home</a>
  215. <div class="s_submenu">
  216. <h3>Inside At home</h3>
  217. <ul class="s_list_1 clearfix">
  218. <li><a href="listing_1.php">Furniture</a></li>
  219. <li><a href="listing_1.php">Garden</a></li>
  220. <li><a href="listing_1.php">Appliances</a></li>
  221. <li><a href="listing_1.php">Pet Supplies</a></li>
  222. <li><a href="listing_1.php">Tools and Accessories</a></li>
  223. <li><a href="listing_1.php">Lighting</a></li>
  224. <li><a href="listing_1.php">Food and Drink</a></li>
  225. </ul>
  226. </div>
  227. </li>
  228. <li><a href="listing_1.php">Health</a>
  229. <div class="s_submenu">
  230. <h3>Inside Health</h3>
  231. <ul class="s_list_1 clearfix">
  232. <li><a href="listing_1.php">Suplements</a></li>
  233. <li><a href="listing_1.php">Cosmetics</a></li>
  234. <li><a href="listing_1.php">Personal Care</a></li>
  235. </ul>
  236. </div>
  237. </li>
  238. <li><a href="listing_1.php">Jewellery</a>
  239. <div class="s_submenu">
  240. <h3>Inside Jewellery</h3>
  241. <ul class="s_list_1 clearfix">
  242. <li><a href="listing_1.php">Necklaces</a></li>
  243. <li><a href="listing_1.php">Rings</a></li>
  244. <li><a href="listing_1.php">Bracelets</a></li>
  245. <li><a href="listing_1.php">Earrings</a></li>
  246. <li><a href="listing_1.php">Pendants</a></li>
  247. </ul>
  248. </div>
  249. </li>
  250. <li><a href="listing_1.php">Books</a>
  251. <div class="s_submenu">
  252. <h3>Inside Books</h3>
  253. <ul class="s_list_1 clearfix">
  254. <li><a href="listing_1.php">Fantasy</a></li>
  255. <li><a href="listing_1.php">Love Stories</a></li>
  256. <li><a href="listing_1.php">Science Fiction</a></li>
  257. <li><a href="listing_1.php">Educational</a></li>
  258. </ul>
  259. </div>
  260. </li>
  261. </ul>
  262. </div>
  263.  
  264. <div id="cart_menu" class="s_nav">
  265. <a href="cart.html"><span class="s_icon"></span> <small class="s_text">Cart</small><span class="s_grand_total s_main_color">$0.00</span></a>
  266. <div class="s_submenu s_cart_holder">
  267. <p class="s_mb_0">0 items</p>
  268. </div>
  269. </div>
  270.  
  271. </div>
  272. </div>
  273. <!-- end of header -->
  274.  
  275.  
  276. <!-- ********************** -->
  277. <!-- I N T R O -->
  278. <!-- ********************** -->
  279.  
  280. <div id="intro">
  281. <div id="intro_wrap">
  282. <div class="container_12">
  283. <div id="breadcrumbs" class="grid_12">
  284. <a href="">Home</a>
  285. &gt;
  286. <a href="">Фотоаппараты</a>
  287. </div>
  288. <h1>Все фотоаппараты</h1>
  289. </div>
  290. </div>
  291. </div>
  292. <!-- end of intro -->
  293.  
  294.  
  295. <!-- ********************** -->
  296. <!-- C O N T E N T -->
  297. <!-- ********************** -->
  298. <div id="content" class="container_12">
  299.  
  300.  
  301. <div id="category" class="grid_9">
  302.  
  303. <div class="s_subcategories s_grid_view s_listing clearfix">
  304. <div class="s_subcategory"> <a href=""><img src="images/dummy/item/1.jpg" title="Классические" alt="Классические" style="margin-bottom: 3px;" /></a> <a href="">Классические</a> </div>
  305. <div class="s_subcategory"> <a href=""><img src="images/dummy/item/2.jpg" title="Зеркальные" alt="Зеркальные" style="margin-bottom: 3px;" /></a> <a href="">Зеркальные</a> </div>
  306. <div class="s_subcategory"> <a href=""><img src="images/dummy/item/3.jpg" title="Со сменным объективом" alt="Со сменным объективом" style="margin-bottom: 3px;" /></a> <a href="">Со сменным объективом</a> </div>
  307. <div class="s_subcategory"> <a href=""><img src="images/dummy/item/4.jpg" title="Суперзумы" alt="Суперзумы" style="margin-bottom: 3px;" /></a> <a href="">Суперзумы</a> </div>
  308. <div class="s_subcategory"> <a href=""><img src="images/dummy/item/5.jpg" title="Компактные" alt="Компактные" style="margin-bottom: 3px;" /></a> <a href="">Компактные</a> </div>
  309. <div class="s_subcategory"> <a href=""><img src="images/dummy/item/6.jpg" title="Со съемкой в режиме 3D" alt="Со съемкой в режиме 3D" style="margin-bottom: 3px;" /></a> <a href="">Со съемкой в режиме 3D</a> </div>
  310. <div class="clear"></div>
  311. </div>
  312.  
  313. <div id="listing_options">
  314. <div id="listing_sort" class="s_switcher">
  315. <span class="s_selected">Без сортировки</span>
  316. <ul class="s_options" style="display: none;">
  317. <li><a href="">От дешевых к дорогим</a></li>
  318. <li><a href="">От дорогих к дешевым</a></li>
  319. <li><a href="">Самые популярные</a></li>
  320. <li><a href="">От А до Я</a></li>
  321. <li><a href="">От Я до А</a></li>
  322. </ul>
  323. </div>
  324.  
  325. <div id="view_mode" class="s_nav">
  326. <ul class="clearfix">
  327. <li id="view_grid"><a href="javascript:showHide('div_grid')" ><span class="s_icon"></span>Плиткой</a></li>
  328. <li id="view_list" class="s_selected"><a href="javascript:showHidee('block_list')"><span class="s_icon"></span>Списком</a></li>
  329. </ul>
  330. </div>
  331. </div>
  332.  
  333. <div id="block_list" style="display:block;">
  334. <!-- Уменьшение изображений с сохранением пропорций -->
  335. <?php
  336. $result = mysqli_query($link, "SELECT * FROM `table_products` WHERE visible='1'");
  337. if(mysqli_num_rows($result) > 0) {
  338. $row = mysqli_fetch_array($result);
  339. do {
  340. if (($row["images"]) != "" && file_exists("./images/item/".$row["images"]))
  341. {
  342. $img_path = './images/item/'.$row["images"];
  343. $max_width = 180;
  344. $max_height = 180;
  345. list($width,$height) = getimagesize($img_path);
  346. $ratioh = $max_height/$height;
  347. $ratiow = $max_width/$width;
  348. $ratio = min($ratioh, $ratiow);
  349. $width = intval($ratio*$width);
  350. $height = intval($ratio*$height);
  351. }
  352. else
  353. {
  354. $img_path = "/images/no-image.png";
  355. $width = 180;
  356. $height = 180;
  357. }
  358.  
  359. $dots = '...';
  360. $str = strip_tags($row["mini_description"]);
  361. $str_len = strlen($str);
  362. if ($str_len < 185) {
  363. $len = $str_len;
  364. } else {
  365. $len = strpos($str, ' ', 185);
  366. if ($len == false) $len = strlen($str);
  367. }
  368.  
  369. $descr = substr($str, 0, $len) . $dots;
  370. echo('<li>
  371. <div class="s_listing s_list_view clearfix">
  372. <div class="s_item clearfix">
  373. <div class="grid_3 alpha">
  374. <a class="s_thumb" href="product.html">
  375. <img src="'.$img_path.'" width="'.$width.'" height="'.$height.'" title="Leica M7" alt="'.$row["title"].'" /></a></div>
  376. <div class="grid_6 omega">
  377. <h3><a href="product.html">'.$row["title"].'</a></h3>
  378.  
  379. <p class="s_model">Код товара:<strong>'.$row["products_id"].'</strong></p>
  380. <ul class="img_tov">
  381. <li><img src="/images/eye-disable.png"/><a href="#">'.$row["products_id"].'</a></li>
  382. <li><img src="/images/comment-disable.png"/><a href="#">'.$row["products_id"].'</a></li>
  383. </ul>
  384.  
  385. <p class="s_price"><span class="s_currency s_before">'.$row["price"].'</span><br><span style="font-size:15px;margin-left:3px;">грн.</span></p>
  386. <p class="s_description">'. $descr .'</p>
  387. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Добавить в корзину</span></a>
  388. </div>
  389. </div>
  390. </div></li>');
  391. }
  392. while ($row = mysqli_fetch_array($result));
  393. }
  394. ?></div>
  395.  
  396. <ul id="div_grid" style="display: none;">
  397. <?php
  398. $result = mysqli_query($link, "SELECT * FROM `table_products` WHERE visible='1'");
  399. if(mysqli_num_rows($result) > 0) {
  400. $row = mysqli_fetch_array($result);
  401. do {
  402. if (($row["images"]) != "" && file_exists("./images/item/".$row["images"]))
  403. {
  404. $img_path = './images/item/'.$row["images"];
  405. $max_width = 180;
  406. $max_height = 180;
  407. list($width,$height) = getimagesize($img_path);
  408. $ratioh = $max_height/$height;
  409. $ratiow = $max_width/$width;
  410. $ratio = min($ratioh, $ratiow);
  411. $width = intval($ratio*$width);
  412. $height = intval($ratio*$height);
  413. }
  414. else
  415. {
  416. $img_path = "/images/no-image.png";
  417. $width = 180;
  418. $height = 180;
  419. } ;
  420.  
  421. echo('<li>
  422. <div class="s_listing s_grid_view clearfix" >
  423. <div class="s_item grid_3">
  424. <a class="s_thumb s_thumb1" href="product.html">
  425. <img style="position:absolute;margin:auto;top:0;bottom:0;left:50%;right:0;" src="'.$img_path.'" width="'.$width.'" height="'.$height.'" title="" alt="'.$row["title"].'" /></a>
  426. <h3><a href="product.html">'.$row["brand"].' '.$row["brand_model"].'</a></h3>
  427. <p class="s_model">Код товара:<strong>'.$row["products_id"].'</strong></p>
  428. <p class="s_price">'.$row["price"].'<br><span style="font-size:15px;margin-left:3px;">грн.</span></p>
  429. <p class="s_rating s_rating_5"><span style="width: 60%;" class="s_percent"></span></p>
  430. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Add to Cart</span></a>
  431. </div>
  432. </div>
  433. </li>
  434.  
  435.  
  436.  
  437. ');
  438. }
  439. while ($row = mysqli_fetch_array($result));
  440. }
  441. ?></ul>
  442. <!--<div class="s_listing s_list_view clearfix">
  443. <div class="s_item clearfix">
  444. <div class="grid_3 alpha"> <a class="s_thumb" href="product.html"><img src="images/dummy/pic_1.jpg" title="Leica M7" alt="Leica M7" /></a> </div>
  445. <div class="grid_6 omega">
  446. <h3><a href="product.html">Leica M7</a></h3>
  447. <p class="s_model">Product 4</p>
  448. <p class="s_price s_promo_price"><span class="s_old_price"><span class="s_currency s_before">?</span>940.00</span> <span class="s_currency s_before">?</span>822.50</p>
  449. <p class="s_description">Engineered with pro-level features and performance, the 12.3-effective-megapixel D300 combines brand new technologies with advanced features inherited from Nikon&#39;s newly announced D3 profes...</p>
  450. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Add to Cart</span></a>
  451. </div>
  452. </div>
  453.  
  454. <div class="clear"></div>
  455.  
  456. <div class="s_item clearfix">
  457. <div class="grid_3 alpha"> <a class="s_thumb" href="product.html"><img src="images/dummy/pic_2.jpg" title="Canon Digital Ixus 200 IS" alt="Canon Digital Ixus 200 IS" /></a> </div>
  458. <div class="grid_6 omega">
  459. <h3><a href="product.html">Canon Digital Ixus 200 IS</a></h3>
  460. <p class="s_model">Product 7</p>
  461. <p class="s_price"><span class="s_currency s_before">?</span>117.50</p>
  462. <p class="s_description">Born to be worn. Clip on the worlds most wearable music player and take up to 240 songs with you anywhere. Choose from five colors including four new hues to make your musical fashion stateme...</p>
  463. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Add to Cart</span></a>
  464. </div>
  465. </div>
  466.  
  467. <div class="clear"></div>
  468.  
  469. <div class="s_item clearfix">
  470. <div class="grid_3 alpha"> <a class="s_thumb" href="product.html"><img src="images/dummy/pic_3.jpg" title="Casio Exilim Zoom" alt="Casio Exilim Zoom" /></a> </div>
  471. <div class="grid_6 omega">
  472. <h3><a href="product.html">Casio Exilim Zoom</a></h3>
  473. <p class="s_model">Product 7</p>
  474. <p class="s_price"><span class="s_currency s_before">?</span>117.50</p>
  475. <p class="s_description">Born to be worn. Clip on the worlds most wearable music player and take up to 240 songs with you anywhere. Choose from five colors including four new hues to make your musical fashion stateme...</p>
  476. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Add to Cart</span></a>
  477. </div>
  478. </div>
  479.  
  480. <div class="clear"></div>
  481.  
  482. <div class="s_item clearfix">
  483. <div class="grid_3 alpha"> <a class="s_thumb" href="product.html"><img src="images/dummy/pic_4.jpg" title="Samsung P200" alt="Samsung P200" /></a> </div>
  484. <div class="grid_6 omega">
  485. <h3><a href="product.html">Samsung P200</a></h3>
  486. <p class="s_model">Product 6</p>
  487. <p class="s_price"><span class="s_currency s_before">?</span>235.00</p>
  488. <p class="s_description">Imagine the advantages of going big without slowing down. The big 19&quot; 941BW monitor combines wide aspect ratio with fast pixel response time, for bigger images, more room to work and crisp mot...</p>
  489. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Add to Cart</span></a>
  490. </div>
  491. </div>
  492.  
  493. <div class="clear"></div>
  494.  
  495. <div class="s_item clearfix">
  496. <div class="grid_3 alpha"> <a class="s_thumb" href="product.html"><img src="images/dummy/pic_5.jpg" title="Panasonic Lumix" alt="Panasonic Lumix" /></a> </div>
  497. <div class="grid_6 omega">
  498. <h3><a href="product.html">Panasonic Lumix</a></h3>
  499. <p class="s_model">Product 4</p>
  500. <p class="s_price"><span class="s_currency s_before">?</span>94.00</p>
  501. <p class="s_description"> Engineered with pro-level features and performance, the 12.3-effective-megapixel D300 combines brand new technologies with advanced features inherited from Nikon&#39;s newly announced D3 profes...</p>
  502. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Add to Cart</span></a>
  503. </div>
  504. </div>
  505.  
  506. <div class="clear"></div>
  507.  
  508. <div class="s_item clearfix last">
  509. <div class="grid_3 alpha"> <a class="s_thumb" href="product.html"><img src="images/dummy/pic_6.jpg" title="Sony Cyber Shot S1000" alt="Sony Cyber Shot S1000" /></a> </div>
  510. <div class="grid_6 omega">
  511. <h3><a href="product.html">Sony Cyber Shot S1000</a></h3>
  512. <p class="s_model">Product 8</p>
  513. <p class="s_price"><span class="s_currency s_before">?</span>117.50</p>
  514. <p class="s_description"> Heading Proin ut ornare risus. Sed tristique, massa vel rhoncus tempus, ligula quam ultrices enim, varius euismod neque erat quis sapien. Curabitur eget quam quis magna ultricies aliquam. Ut...</p>
  515. <a class="s_button_add_to_cart" href="product.html"><span class="s_icon_16"><span class="s_icon"></span>Add to Cart</span></a>
  516. </div>
  517. </div>
  518.  
  519. <div class="clear"></div>
  520.  
  521. </div>-->
  522.  
  523. <div class="pagination">
  524. <div class="results">Showing 1 to 6 of 6 (1 Pages)</div>
  525. </div>
  526.  
  527. </div>
  528.  
  529. <div id="right_col" class="grid_3">
  530. <div id="brands_module" class="s_box">
  531. <h2>Марки</h2>
  532. <select onchange="location = this.value">
  533. <option> --- Пожалуйста выберите --- </option>
  534. <option>Canon</option>
  535. <option>HTC</option>
  536. <option>Hugo Boss</option>
  537. <option>Nikon</option>
  538. <option>Palm</option>
  539. <option>Panasonic</option>
  540. <option>Samsung</option>
  541. <option>Sony</option>
  542. </select>
  543. </div>
  544. <div id="categories_module" class="s_box">
  545. <h2>Категории</h2>
  546. <div class="s_list_1">
  547. <ul>
  548. <li>
  549. <a href="listing_1.php"><b>Фотоаппараты</b></a>
  550. <ul>
  551. <li><a href="listing_1.php">Классические</a></li>
  552. <li><a href="listing_1.php">Зеркальные</a></li>
  553. <li><a href="listing_1.php">Со сменным объективом</a></li>
  554. <li><a href="listing_1.php">Суперзумы</a></li>
  555. <li><a href="listing_1.php">Компактные</a></li>
  556. <li><a href="listing_1.php">Со съемкой в режиме 3D</a></li>
  557. </ul>
  558. </li>
  559. <li><a href="listing_1.php">Computers</a></li>
  560. <li><a href="listing_1.php">Clothing</a></li>
  561. <li><a href="listing_1.php">Shoes</a></li>
  562. <li><a href="listing_1.php">Gifts</a></li>
  563. <li><a href="listing_1.php">At home</a></li>
  564. <li><a href="listing_1.php">Health</a></li>
  565. <li><a href="listing_1.php">Jewellery</a></li>
  566. <li><a href="listing_1.php">Books</a></li>
  567. </ul>
  568. </div>
  569. </div>
  570.  
  571. <?php
  572. include("include/rightprice_block.php");
  573. ?>
  574.  
  575. <div id="bestseller_side" class="s_box clearfix">
  576. <h2>Самые популярные</h2>
  577. <div class="s_item s_size_1 clearfix">
  578. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_10.jpg" width="38" height="38" alt="iPhone 3GS 8GB" /></a>
  579. <h3><a href="product.html">iPhone 3GS 8GB</a></h3>
  580. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>587.50</span></a></p>
  581. </div>
  582.  
  583. <div class="s_item s_size_1 clearfix">
  584. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_9.jpg" width="38" height="38" alt="Hubo Boss Emotion" /></a>
  585. <h3><a href="product.html">Hubo Boss Emotion</a></h3>
  586. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>2,350.00</span></a></p>
  587. </div>
  588.  
  589. <div class="s_item s_size_1 clearfix">
  590. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_8.jpg" width="38" height="38" alt="Panasonic Lumix" /></a>
  591. <h3><a href="product.html">Panasonic Lumix</a></h3>
  592. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>94.00</span></a></p>
  593. </div>
  594.  
  595. <div class="s_item s_size_1 clearfix">
  596. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_7.jpg" width="38" height="38" alt="Casio Exilim Zoom" /></a>
  597. <h3><a href="product.html">Casio Exilim Zoom</a></h3>
  598. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>117.50</span></a></p>
  599. </div>
  600.  
  601. <div class="s_item s_size_1 clearfix">
  602. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_6.jpg" width="38" height="38" alt="Christian Dior Amber Woman" /></a>
  603. <h3><a href="product.html">Christian Dior Amber Woman</a></h3>
  604. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>328.99</span></a></p>
  605. </div>
  606.  
  607. <div class="s_item s_size_1 clearfix">
  608. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_5.jpg" width="38" height="38" alt="iPod Classic" /></a>
  609. <h3><a href="product.html">iPod Classic</a></h3>
  610. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>117.50</span></a></p>
  611. </div>
  612.  
  613. <div class="s_item s_size_1 clearfix">
  614. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_4.jpg" width="38" height="38" alt="Sony VAIO" /></a>
  615. <h3><a href="product.html">Sony VAIO</a></h3>
  616. <p><a href="product.html"><span class="s_old"><span class="s_currency s_before">?</span>1,175.00</span> <span class="s_secondary_color"><span class="s_currency s_before">?</span>1,057.50</span></a></p>
  617. <div class="s_rating_holder clearfix"><p class="s_rating s_rating_small s_rating_5 left"><span style="width: 100%;" class="s_percent"></span></p><span class="left">&nbsp;5/5</span></div>
  618. </div>
  619.  
  620. <div class="s_item s_size_1 clearfix">
  621. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_3.jpg" width="38" height="38" alt="Canon Digital Ixus 200 IS" /></a>
  622. <h3><a href="product.html">Canon Digital Ixus 200 IS</a></h3>
  623. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>117.50</span></a></p>
  624. </div>
  625.  
  626. <div class="s_item s_size_1 clearfix">
  627. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_2.jpg" width="38" height="38" alt="Hugo Boss Chrome" /></a>
  628. <h3><a href="product.html">Hugo Boss Chrome</a></h3>
  629. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>94.00</span></a></p>
  630. </div>
  631.  
  632. <div class="s_item s_size_1 clearfix">
  633. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_1.jpg" width="38" height="38" alt="Hennesy Paradis Extra" /></a>
  634. <h3><a href="product.html">Hennesy Paradis Extra</a></h3>
  635. <p><a href="product.html"><span class="s_old"><span class="s_currency s_before">?</span>1,175.00</span> <span class="s_secondary_color"><span class="s_currency s_before">?</span>1,057.50</span></a></p>
  636. </div>
  637.  
  638. <div class="s_item s_size_1 clearfix">
  639. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_10.jpg" width="38" height="38" alt="Elizabeth Arden Pretty" /></a>
  640. <h3><a href="product.html">Elizabeth Arden Pretty</a></h3>
  641. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>94.00</span></a></p>
  642. </div>
  643.  
  644. <div class="s_item s_size_1 clearfix">
  645. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_9.jpg" width="38" height="38" alt="Sony Cyber Shot S1000" /></a>
  646. <h3><a href="product.html">Sony Cyber Shot S1000</a></h3>
  647. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>117.50</span></a></p>
  648. </div>
  649. </div>
  650.  
  651. <div id="information_module" class="s_box">
  652. <h2>Информация</h2>
  653. <ul class="s_list_1">
  654. <li><a href="static.html">Как заказать товар?</a></li>
  655. <li><a href="static.html">Как оплатить?</a></li>
  656. <li><a href="static.html">Возврат &amp; Обмен</a></li>
  657. <li><a href="contacts.html">Карта сайта</a></li>
  658. <li><a href="sitemap.html">Связь</a></li>
  659. </ul>
  660. </div>
  661.  
  662. <div id="featured_side" class="s_box clearfix">
  663. <h2>Featured</h2>
  664. <div class="s_item s_size_1 clearfix">
  665. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_8.jpg" width="38" height="38" alt="White football trainers" /></a>
  666. <h3><a href="product.html">White football trainers</a></h3>
  667. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>117.50</span></a></p>
  668. </div>
  669. <div class="s_item s_size_1 clearfix">
  670. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_7.jpg" width="38" height="38" alt="Hubo Boss Emotion" /></a>
  671. <h3><a href="product.html">Hubo Boss Emotion</a></h3>
  672. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>2,350.00</span></a></p>
  673. </div>
  674. <div class="s_item s_size_1 clearfix">
  675. <a class="s_thumb" href="product.html"><img src="images/dummy/pic_6.jpg" width="38" height="38" alt="Christian Dior J'adore" /></a>
  676. <h3><a href="product.html">Christian Dior J'adore</a></h3>
  677. <p><a href="product.html"><span class="s_main_color"><span class="s_currency s_before">?</span>328.99</span></a></p>
  678. </div>
  679. </div>
  680.  
  681. </div>
  682.  
  683.  
  684. </div>
  685. <!-- end of content -->
  686.  
  687. <!-- ********************** -->
  688. <!-- S H O P I N F O -->
  689. <!-- ********************** -->
  690. <div id="shop_info">
  691. <div id="shop_info_wrap">
  692. <div class="container_12">
  693. <div id="shop_description" class="grid_3">
  694. <h2>Служба поддержки</h2>
  695. <p style="font-size:20px;margin-top:10px;"><strong> +38 099 305-65-63</strong></p>
  696. <p style="margin-top:-5px;">Служба поодерки магазина всегда готова ответить на все Ваши вопросы,касательно товаров или услуг на данном сайте.Консультации абсолютно бесплатны. Так же возможен обратный звонок.</p>
  697. <p style="font-size:13px;">Режим работы:</p>
  698. <p style="margin-top:-15px;">Будние дни: c 9:00 до 18:00<br>
  699. Суббота, Воскресенье: с 11:00 до 16:00</p>
  700. </div>
  701. <div id="shop_contacts" class="grid_3">
  702. <h2>Связаться с нами</h2>
  703. <table width="100%" cellpadding="0" cellspacing="0" border="0">
  704. <tr>
  705. <td valign="middle"><span class="s_icon_32"><span class="s_icon s_phone_32"></span>+38 099 305-65-63 <br /></span></td>
  706. </tr>
  707. <tr>
  708. <td valign="middle"><span class="s_icon_32"><span class="s_icon s_fax_32"></span><a href="http://vk.com/h1tan4uk">h1tan4uk</a> <br /></span></td>
  709. </tr>
  710. <tr>
  711. <td valign="middle"><span class="s_icon_32"><span class="s_icon s_mail_32"></span>axe.dota@mail.ru <br /> axe.dota@pochta.ru</span></td>
  712. </tr>
  713. <tr>
  714. <td valign="middle"><span class="s_icon_32"><span class="s_icon s_skype_32"></span>danilkabak <br /> </span></td>
  715. </tr>
  716. </table>
  717. </div>
  718. <div id="facebook" class="grid_3">
  719. <h2>Facebook</h2>
  720. <ul id="twitter_update_list"><li></li></ul>
  721. <fb:fan profileid="111188056908" stream="0" connections="6" logobar="0" width="220" css="http://svest.no-ip.org/test/opencart/catalog/view/theme/shoppica/stylesheet/facebook.css.php?300"></fb:fan>
  722. </div>
  723. <div class="clear"></div>
  724. </div>
  725. </div>
  726. </div>
  727. <!-- end of shop info -->
  728.  
  729.  
  730.  
  731. <!-- ********************** -->
  732. <!-- F O O T E R -->
  733. <!-- ********************** -->
  734. <div id="footer" class="container_12">
  735. <div id="footer_categories" class="clearfix">
  736. <div class="grid_2">
  737. <h2>Electronics</h2>
  738. <ul class="s_list_1">
  739. <li><a href="">Классические</a></li>
  740. <li><a href="">Зеркальные</a></li>
  741. <li><a href="">Со сменным объективом</a></li>
  742. <li><a href="">Суперзумы</a></li>
  743. <li><a href="">Компактные</a></li>
  744. <li><a href="">Со съемкой в режиме 3D</a></li>
  745. </ul>
  746. </div>
  747. <div class="grid_2">
  748. <h2>Computers</h2>
  749. <ul class="s_list_1">
  750. <li><a href="">Desktops</a></li>
  751. <li><a href="">Laptops</a></li>
  752. <li><a href="">Monitors</a></li>
  753. <li><a href="">Components</a></li>
  754. <li><a href="">Software</a></li>
  755. </ul>
  756. </div>
  757. <div class="grid_2">
  758. <h2>Clothing</h2>
  759. <ul class="s_list_1">
  760. <li><a href="">Women's Clothing</a></li>
  761. <li><a href="">Men's Clothing</a></li>
  762. <li><a href="">Boys</a></li>
  763. <li><a href="">Girls</a></li>
  764. <li><a href="">Infants and toddlers</a></li>
  765. </ul>
  766. </div>
  767. <div class="grid_2">
  768. <h2>Shoes</h2>
  769. <ul class="s_list_1">
  770. <li><a href="">Women's Shoes</a></li>
  771. <li><a href="">Men's Shoes</a></li>
  772. <li><a href="">Kids' Shoes</a></li>
  773. <li><a href="">Sportswear</a></li>
  774. </ul>
  775. </div>
  776. <div class="grid_2">
  777. <h2>Gifts</h2>
  778. <ul class="s_list_1">
  779. <li><a href="">Perfumes</a></li>
  780. <li><a href="">Spirits and Beers</a></li>
  781. <li><a href="">Wines</a></li>
  782. <li><a href="">Flowers</a></li>
  783. <li><a href="">Chocolates and sweets</a></li>
  784. <li><a href="">Toys and Games</a></li>
  785. </ul>
  786. </div>
  787. <div class="grid_2">
  788. <h2>At home</h2>
  789. <ul class="s_list_1">
  790. <li><a href="">Furniture</a></li>
  791. <li><a href="">Garden</a></li>
  792. <li><a href="">Appliances</a></li>
  793. <li><a href="">Pet Supplies</a></li>
  794. <li><a href="">Tools and Accessories</a></li>
  795. <li><a href="">Lighting</a></li>
  796. </ul>
  797. </div>
  798. <div class="clear"></div>
  799. <div class="grid_12 border_eee"></div>
  800. </div>
  801. <div id="payments" class="right clearfix">
  802. <img src="images/payments/discover_straight_32px.png" alt="" />
  803. <img src="images/payments/american_express_straight_32px.png" alt="" />
  804. <img src="images/payments/moneybookers_straight_32px.png" alt="" />
  805. <img src="images/payments/paypal_straight_32px.png" alt="" />
  806. <img src="images/payments/visa_straight_32px.png" alt="" />
  807. <img src="images/payments/american_express_straight_32px.png" alt="" />
  808. </div>
  809. <p id="copy">&copy; Copyright 2011. Powered by <a class="blue" href="">Open Cart</a>.<br /> <a class="s_main_color" href="http://www.shoppica.net">Shoppica theme</a> made by <a href="http://www.themeburn.com">ThemeBurn.com</a></p>
  810. </div>
  811. <!-- end of FOOTER -->
  812.  
  813. </div>
  814.  
  815. <div id="fb-root"></div>
  816. <script type="text/javascript">
  817. window.fbAsyncInit = function() {
  818. FB.init({appId: '0c18007de6f00f7ecda8c040fb76cd90', status: true, cookie: true,
  819. xfbml: true});
  820. };
  821. (function() {
  822. var e = document.createElement('script'); e.async = true;
  823. e.src = document.location.protocol +
  824. '//connect.facebook.net/en_US/all.js';
  825. document.getElementById('fb-root').appendChild(e);
  826. }());
  827. </script>
  828.  
  829. </body>
  830. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement