Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


kuyann

Recommended Posts

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

 

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

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

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


.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"><!--
$('#carousel_f ul').jcarousel({
    vertical: false,
    visible: 3,
    scroll: 2
});
//--></script>

  • +1 2
Надіслати
Поділитися на інших сайтах


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

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

файл 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>
 <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> 

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

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


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

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


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

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

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


  • 3 weeks later...

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


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

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

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

<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>
Надіслати
Поділитися на інших сайтах


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

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


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

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

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


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

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

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

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

Змінено користувачем Polo1111
Надіслати
Поділитися на інших сайтах


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

Ви повинні бути користувачем, щоб залишити коментар

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

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

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

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.