Помогите подкрутить модули

kuyann · 3 вересня 2013

Всем привет, вот мой сайт iflik.zz.mu

Столкнулся с проблемой, модули на главной (Акции, Рекомендуем, Новые поступления) отображают товары криво и при заполнении одной строки переходят на следующую.

Подскажите пожалуйста, как сделать так, чтобы товары выглядели внутри модулей ровнее и как вкрутить карусель в модули?

Einshtein · 3 вересня 2013

.box-product > div {
прописать значение width:225px;

карусель прикручивается в контроллере...
попробуйте вот так:
файл catalog/controller/common/home.php
после строчки:

	$this->data['heading_title'] = $this->config->get('config_title');

добавить:

		$this->document->addScript('catalog/view/javascript/jquery/jquery.jcarousel.min.js');

		if (file_exists('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/carousel.css')) {
			$this->document->addStyle('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/carousel.css');
		} else {
			$this->document->addStyle('catalog/view/theme/default/stylesheet/carousel.css');
		}

далее идете в модуль, например рекомендуемые catalog\view\theme\default\template\module\featured.tpl

<div class="box-content">
    <div class="box-product">

меняем на

<div class="box-content" id="carousel_f">
<ul class="jcarousel-skin-opencart">

сразу после этого идет тег <div> меняем его на <li>

не забудьте поменять закрывающие теги, надеюсь рассказывать не нужно как это делать...

в самом низу файла прописываем вот такой код:

<script type="text/javascript"><!--
$('#carousel_f ul').jcarousel({
	vertical: false,
	visible: 3,
	scroll: 2
});
//--></script>

должно работать

Вот Вам пример кода из модуля рекомендуемых:

<div class="box">
<div class="box-heading"><?php echo $heading_title; ?></div>
<div class="box-content" id="carousel_f">
<ul class="jcarousel-skin-opencart">
<?php foreach ($products as $product) { ?>
<li>
<?php if ($product['thumb']) { ?>
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
<?php } ?>
<div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
<?php if ($product['price']) { ?>
<div class="price">
<?php if (!$product['special']) { ?>
<?php echo $product['price']; ?>
<?php } else { ?>
<span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
<?php } ?>
</div>
<?php } ?>
<?php if ($product['rating']) { ?>
<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
<?php } ?>
<div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
</li>
<?php } ?>
</ul>
</div>
</div>
<script type="text/javascript"></script>

kuyann · 4 вересня 2013

.box-product > div {

прописать значение width:225px;

А где это прописывать?

kuyann · 4 вересня 2013

карусель прикручивается в контроллере...

попробуйте вот так:

файл catalog/controller/common/home.php

после строчки:
	$this->data['heading_title'] = $this->config->get('config_title');
добавить:
		$this->document->addScript('catalog/view/javascript/jquery/jquery.jcarousel.min.js');

		if (file_exists('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/carousel.css')) {
			$this->document->addStyle('catalog/view/theme/' . $this->config->get('config_template') . '/stylesheet/carousel.css');
		} else {
			$this->document->addStyle('catalog/view/theme/default/stylesheet/carousel.css');
		}
далее идете в модуль, например рекомендуемые catalog\view\theme\default\template\module\featured.tpl
<div class="box-content">
    <div class="box-product">
меняем на
<div class="box-content" id="carousel_f">
<ul class="jcarousel-skin-opencart">
сразу после этого идет тег <div> меняем его на <li>

не забудьте поменять закрывающие теги, надеюсь рассказывать не нужно как это делать...

в самом низу файла прописываем вот такой код:
<script type="text/javascript"></script>
должно работать

Прописал в таком виде:

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>

  <div class="box-content" id="carousel_f">
   <ul class="jcarousel-skin-opencart">
      <?php foreach ($products as $product) { ?>
      <li>
 <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        <?php if ($product['thumb']) { ?>
        <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
        <?php } ?>
        
        <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>
        <?php } ?>
        <?php if ($product['rating']) { ?>
        <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
        <?php } ?>
        <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
     
 </div>
      <?php } ?>
    </li>
  </div>
<script type="text/javascript"><!--
$('#carousel_f ul').jcarousel({
vertical: false,
visible: 3,
scroll: 2
});
//--></script>

</div>

Не работает, товары выстроились по вертикали...

kuyann · 4 вересня 2013

С меня на пиво тому, кто сможет мне сделать одинаковое расположение текста, изображения и кнопки купить во всех трех модулях. Так чтобы товары выглядели так как в модуле "Рекомендуемые", только чтобы были ровнее, можно чтобы часть названия не дописывалась, главное чтобы картинки и кнопки были в одну линию. И чтобы работала карусель...

kuyann · 6 вересня 2013

у нас в Челябинске пиво дорогое... 1500 на пиво - карусель и выравнивание обеспечу

Спасибо, но че то Челябинск очень дорогой, я уже нашел того, кто мне сделает все

Einshtein · 25 вересня 2013

Прописал в таком виде:
Не работает, товары выстроились по вертикали...

Вы не правильно позакрывали теги

Вот Вам пример из модуля рекомендуемых:

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content" id="carousel_f">
    <ul class="jcarousel-skin-opencart">
      <?php foreach ($products as $product) { ?>
      <li>
        <?php if ($product['thumb']) { ?>
        <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
        <?php } ?>
        <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>
        <?php } ?>
        <?php if ($product['rating']) { ?>
        <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
        <?php } ?>
        <div class="cart"><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
      </li>
      <?php } ?>
    </ul>
  </div>
</div>
<script type="text/javascript"><!--
$('#carousel_f ul').jcarousel({
	vertical: false,
	visible: 3,
	scroll: 2
});
//--></script>

Polo1111 · 27 вересня 2013

У меня вроде бы работает, но обе цены теряют стиль, становятся одинаковыми (а до вышеописанных манипуляций одна красная и перечеркнутая, другая жирная). Что я делаю не так?

Polo1111 · 27 вересня 2013

в коде Энштейна цены заключены в тэг <span> а у Вас возможно прописаны стили только для классов

Но в моем оригинальном коде они тоже заключены в спэн!

Polo1111 · 27 вересня 2013

Но в моем оригинальном коде они тоже заключены в спэн!

Перепроверил весь блок вывода цен - сходится посимвольно, а стили исчезают... ;(

Polo1111 · 27 вересня 2013

ссылку на сайт можно в личку

Эйнштейн уже ответил на этот вопрос здесь. Всё работает.

~~Немного оффтоп, но всё же... Прошу помощи. Как в карусели стрелочку изменить (размер, цвет)?~~

Чего-то не могу найти никак... Шутка. Выпивши был ;)

Змінено 2 жовтня 2013 користувачем Polo1111

Вхід

Помогите подкрутить модули

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information