Jump to content
Sign in to follow this  
kuyann

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

Recommended Posts

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

 

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

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

Share this post


Link to post
Share on other sites

.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

Share this post


Link to post
Share on other sites

.box-product > div {

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

 

 

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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


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

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

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

<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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

Edited by Polo1111

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.