Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Recommended Posts

Здравствуйте.

 

Помогите пожалуйста.

 

В стандартном шаблоне в файле category.tpl есть скрипт, который выводит товары по одному и по несколько блоков.  Вот код: 

<?php echo $header; ?>
<div class="container">
  <div class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
  </div>
  <div class="row">
  <?php echo $column_left; ?>
    <?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
    <div id="content" class="<?php echo $class; ?>">
	<h1><?php echo $heading_title; ?></h1>
	<?php echo $content_top; ?>
  <?php if ($thumb || $description) { ?>
  <div class="category-info">
    <?php if ($thumb) { ?>
   <!-- <div class="image"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div> -->
    <?php } ?>
  </div>
  <?php } ?>
  <?php if ($categories) { ?>
  <div class="box">
	<!--<div class="box-heading"><?php echo $text_refine; ?></div>-->
	<!--<div class="box-content">-->
		<div class="box-product box-subcat row">
			<?php foreach ($categories as $category) { ?>
			<div class="col-md-3 col-sm-3 col-xs-12">
				<?php if ($category['thumb']) { ?>
				<div class="image-category"><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>" /></a></div>
				<?php } ?>
				<div class="name subcatname"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></div>
			</div>
			<?php } ?>
		</div>
	</div>
  </div>
  <?php } ?>
  <?php if ($products) { ?>
  <div class="product-filters row"></div>
  <div class="show-filter hidden-sm hidden-md hidden-lg"><a href="#" onclick="toggleFilter();return false;">Показать фильтр</a></div>
  <div class="product-filter row">
    
	<div class="product-compare col-md-3"><a href="<?php echo $compare; ?>" id="compare_total"><?php echo $text_compare; ?></a></div>
    
    <div class="limit col-md-3 text-right"><b><?php echo $text_limit; ?></b>
      <select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>
    </div>
	<div class="sort col-md-5 text-right"><b><?php echo $text_sort; ?></b>
      <select onchange="location = this.value;">
        <?php foreach ($sorts as $sorts) { ?>
        <?php if ($sorts['value'] == $sort . '-' . $order) { ?>
        <option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>
    </div>
	<div class="display col-md-1"><?php echo $text_list; ?><a onclick="display('grid');"><?php echo $text_grid; ?></a></div>
  </div>
  
   <div class="row products">
  <?php $i = 1; ?>
    <?php foreach ($products as $product) { ?>
	<?php if ($i == 7 ) { ?>
	<div class="rozetka col-lg-4 col-md-4 col-sm-4 col-xs-12"><?php echo $content_category_rozetka; ?></div>
	<?php } ?>
    <div class="product-list col-xs-12 <?php if($product['quantity'] == 0) { ?>grey<?php } ?>" <?php if($product['quantity'] == 0) { ?>data-grey="grey"<?php } ?>>
      <div class="name"><a href="<?php echo $product['href']; ?>"><? if(isset($product_prefics)) { echo $product_prefics;} ?> <?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']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
      <?php } ?>

      <?php if ($product['price'] && (int)$product['price'] > 0) { ?>
	  <div class="detail">
      <div class="price">
        <?php if (!$product['special']) { ?>
        <span class="price-normal"><?php echo $product['price']; ?></span>
        <?php } else { ?>
        <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
        <?php } ?>
        <?php if ($product['tax']) { ?>
        <br />
        <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
        <?php } ?>
		<div class="pull-right">
		<div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
</div>
      </div>
      <?php } ?>

	  <div class="button-group">

	<? if($product['quantity'] > 0) { ?>
		<button type="button" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button cart"><span><i class="fa fa-shopping-bag" aria-hidden="true"></i> <?php echo $button_cart; ?></span></button>
	<? } else { ?>
		<button type="button" onclick="addToWaitList('<?php echo $product['product_id']; ?>');" class="button cart"><span>Сообщить о наличии</span></button>
	<?php } ?>

<button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="addToWishList('<?php echo $product['product_id']; ?>');" class="wishlist" data-original-title="<?php echo $button_wishlist; ?>"><i class="fa fa-heart"></i></button>

<button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="addToCompare('<?php echo $product['product_id']; ?>');" class="compare" data-original-title="<?php echo $button_compare; ?>"><i class="fa fa-exchange"></i></button>

</div>

	 </div>


	<div class="description"><?php echo $product['description']; ?></div>

    </div>


	<?php $i++; ?>

	<?php } ?>
  </div>
  <div class="pagination"><?php echo $pagination; ?></div>
  <?php } ?>
  <?php echo $content_bottom; ?>
      <?php if ($description) { ?>
    <?php echo $description; ?>
    <?php } ?>
  </div>

<script type="text/javascript"><!--
function display(view) {
	if (view == 'list') {
		$('.product-grid').attr('class', 'product-list col-sm-12');

		$('.product-list').each(function(index, element) {


      if (typeof($(element).attr('data-grey')) !== 'undefined') {
        $(element).addClass('grey');
      }

			html = '<div class="col-xs-12 col-sm-3 col-md-3">';
			var image = $(element).find('.image').html();

			if (image != null) {
				html += '<div class="image">' + image + '</div>';
			}
			html += '</div>';



			html += '<div class="col-xs-12 col-sm-5 col-md-5 text-left">';
			html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
			html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
			html += '</div>';



			html += '<div class="col-xs-12 col-sm-4 col-md-4">';
			var price = $(element).find('.price').html();
			if (price != null) {
				html += '<div class="price">' + price + '</div>';
			}
			var rating = $(element).find('.price').html();
			html += '  <div class="button-group">' + $(element).find('.button-group').html() + '</div>';
			html += '</div>';



			$(element).html(html);
		});

		$('.display').html('<?php echo $text_list; ?><a onclick="display(\'grid\');"><?php echo $text_grid; ?></a>');

		$.cookie('display', 'list');
	} else {
		$('.product-list').attr('class', 'product-grid col-lg-4 col-md-4 col-sm-4 col-xs-12');

		$('.product-grid').each(function(index, element) {

      if (typeof($(element).attr('data-grey')) !== 'undefined') {
        $(element).addClass('grey');
      }

			html = '';

			var image = $(element).find('.image').html();

			if (image != null) {
				html += '<div class="image">' + image + '</div>';
			}
            
			html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
			
			var price = $(element).find('.price').html();
			if (price != null) {
				html += '<div class="price">' + price + '</div>';
			}
			var rating = $(element).find('.price').html();
			html += '  <div class="button-group">' + $(element).find('.button-group').html() + '</div>';
			html += '  <div class="description">' + $(element).find('.description').html() + '</div>';


			$(element).html(html);
		});


		$('.display').html('<a onclick="display(\'list\');"><?php echo $text_list; ?></a><?php echo $text_grid; ?>');

		$.cookie('display', 'grid');
	}
}

view = $.cookie('display');

if (view) {
	display(view);
} else {
	display('grid');
}
//--></script>

</div>
    <?php echo $column_right; ?></div>
</div>
<?php echo $footer; ?>

Вопрос в том, что не знаю как поменять звездочки с кнопкой местами, там где три блока, так как там все в js. 

это класс product-grid. 

 

product-list написан на html, его поменять не сложно, но он должен оставаться по одному товару в ряд.

 

Вот скриншоты: http://prntscr.com/he9jb1 , http://prntscr.com/he9kk3

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By serega-lomik
      Скачать/Купить дополнение Выбор количества товара на любой странице
      Мод выводит на любую страницу сайта выбор количества товара.
      Отличия от аналогов:
      Контроль минимального количества товара для покупки.
      Контроль остатка товара на складе, при попытке добавить большее количество, чем есть на складе, всплывает окошко с предупреждением.
      Для товаров, у которых указано минимально разрешённое количество больше единицы при каждом клике по кнопке увеличения количества добавляется минимально разрешённое количество. Пример: минимальное кол-во 2, значит каждый клик будет увеличивать это количество на 2.
      Для товаров с нулевым количеством отключает кнопку купить и в окошке с количеством показывает цифру 0.

      В комплекте два файла: для Opencart/OcStore версий 1.5 и для OpenCart 2.0.
      Есть платная версия, добавлен ручной ввод количества, автопересчёт цены и многое другое.
      Весь код добавляется с помощью vQmod. Мод бесплатен, лицензия MIT
      Адаптация этого мода под шаблоны, отличные от стандартного - платная, от 200руб.

      Демо 1.5 (на этом демо Pro версия, https://opencartforum.com/files/file/2309-%D0%B2%D1%8B%D0%B1%D0%BE%D1%80-%D0%BA%D0%BE%D0%BB%D0%B8%D1%87%D0%B5%D1%81%D1%82%D0%B2%D0%B0-%D0%BD%D0%B0-%D0%BB%D1%8E%D0%B1%D0%BE%D0%B9-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B5-%D1%81-%D0%BA%D0%BE%D0%BD%D1%82%D1%80%D0%BE%D0%BB%D0%B5%D0%BC/): 1.live-drive.ru
      Демо 2.0: oc2.oc-dev.ru
      Добавил serega-lomik Добавлено 22.01.2015 Категория Модули  
    • By Prorab337
      Скачать/Купить дополнение Модуль оплаты «Наложенный платеж +» для OpenCart 1.5 - 2.X
      Данный модуль оплаты наложенным платежом является универсальным решением для любого способа доставки. Основные преимущества: отдельный калькулятор для каждого способа доставки, неограниченное число тарифов для каждого калькулятора, учет наложенного платежа в заказе. И это не все возможности модуля, функционал постоянно расширяется и улучшается.
      Возможности
      редактируемое, мультиязычное название для способа оплаты редактируемая, мультиязычная дополнительная информация редактируемая, мультиязычная инструкция по оплате выбор способов доставки, для которых будет доступен данный способ оплаты возможность задать нижнюю границу суммы заказа для данного способа оплаты возможность задать верхнюю границу суммы заказа для данного способа оплаты возможность задать сумму заказа при которой наложенный платеж будет бесплатен для клиента добавление/редактирование калькулятора стоимости наложенного платежа для всех доступных способов доставки: выбор валюты калькулятора добавление неограниченного количества тарифов возможность указать процентную ставку возможность указать фиксированный платеж возможность указать границу тарифа [*]включение/выключение учета в заказе
      [*]включение/выключение оценки стоимости наложенного платежа
      [*]и другие стандартные настройки модуля оплаты
      Демо
      OpenCart 2.X.X.X:
      Сайт
      Админка (логин/пароль: demo)
      OpenCart 1.5.X.X:
      Сайт
      Админка (логин/пароль: demo)
      Поддерживаемые языки
      украинский русский английский Совместимость
      OpenCart v. 1.5.Х.Х-2.X.X (а также сборки на базе OpenCart соответствующих версий) формы заказа: стандартная, Simple checkout & Registration Модуль НЕ ТРЕБУЕТ OCMOD и VQMOD.
      Весь функционал дополнения реализован в рамках стандартных модулей оплаты, по этому проблем с совместимостью не должно быть. Модуль тестировался и гарантированно работает на стандартном оформлении заказа OpenCart 2 и на последних версиях модуля Simple.
      Лицензия
      лицензия действует только на один домен и на все его поддомены, и тестовые сайты подробная информация о порядке получения лицензии доступна на вкладке «Поддержка» модуля активация лицензии происходит в течении нескольких часов после покупки Требования
      Ioncube Loader версии 5.0 и выше PHP версии 5.3 и выше Детальная инструкция по установке, настройке, обновлению и удалению модуля доступна в архиве в файле Instruction_ru.html
      Добавил Prorab337 Добавлено 27.02.2016 Категория Платежные системы Системные требования Ioncube Loader версии 5.0 и вышеPHP версии 5.3 и выше Метод активации Через официальный сайт дополнения Ioncube Loader Требуется OpenCart 3.0 ocStore 2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Да Старая цена 0  
    • By Wongamat
      Добрый вечер. Версия ocStore 2.3.0.2.4
      У меня Вопрос. В категориях и подкатегориях по разному выводится  описание, разные шрифты и далее. Смотрю в код. Вижу что этим div присвоены разные классы css. лезу в category.tpl.
      Там прописаны те, что нужны. У меня вопрос, какой tpl кроме category.tpl это может выводить, конкретно подкатегории? Разве шаблон не один???

       
    • By doctor_choice
      Приветствую всех.
      Нужен фильтр в производителях (брендах) для опенкарт 1.5. Часто в органическом поиске выбивает именно производителя, а там без фильтра не обойтись.
      Подскажите что-то? Буду чрезмерно благодарен!!
    • By serega-lomik
      Скачать/Купить дополнение


      Всплывающая корзина с заменой кнопки "Купить" для OcStore и OpenCart 1.5.*
      Модуль добавляет на сайт всплывающее окно с корзиной.
      Возможности модуля:
      Собственно само окно всплывающей корзины.
      Можно отключить само окно корзины при добавлении товара в корзину, оставив только изменение кнопки "Купить"
      Из админ части модуля вы сами можете настраивать:
      -- заголовок модуля
      -- текст ссылки "Продолжить покупки"
      -- текст кнопки перехода к оформлению заказа
      -- текст кнопки "Купить", когда товар добавлен в корзину
      -- текст кнопки "Купить", когда у товара есть опции и он добавлен в корзину
      Вид ссылки "Продолжить покупки" можно переключить на кнопку
      Кнопка "Перейти в корзину", управляется из админ-части модуля
      Колонка с наименованием производителя товара, показ колонки настраивается из админ-части модуля
      Выбор действия по клику на кнопке купить, когда данный товар уже присустствует в корзине:
      - 1 - просто открываем всплывающую корзину
      - 2 - добавляем еще выбранное кол-во товара в корзину и открываем всплывающую корзину
      Добавлена поддержка мультиязычности
      При добавлении товара в корзину заменяет надпись кнопки добавления в корзину на "Уже в корзине", при повторном клике по этой кнопке открывается окно с корзиной.
      В товарах, имеющих опции, надпись "Купить" заменяется на "Уже в корзине, купить ещё", что позволяет купить этот-же товар с другим набором опций.
      При нажатии на кнопку "Купить" данной кнопке присваивается дополнительный класс .in_cart, позволяющий, к примеру, с помощью css изменять фон или цвет кнопки, цвет шрифта и т.д.. При удалении данного товара из корзины, стиль кнопки возвращается к первоначальному виду.
      Изменение количества и удаление товара с пересчётом итоговой суммы непосредственно в окне корзины.
      Под наименованием товара в окне корзины отображает выбранные опции товара.
      Присутствует возможность отключения кнопки увеличения количества товара в корзине и предупреждение, что данного товара осталось всего столько-то штук при достижении в корзине максимального количества остатка товара на складе. Данную опцию можно отключить, для этого идём в админку-настройки магазина-вкладка "опции"-пункт "Заказ при нехватке на складе"
      При клике на блоке стандартной корзины открывает всплывающую корзину вместо стандартной.
      Работает на всех видах шаблонов
      В шаблонах, где кнопка "Купить" свёрстана по другому, всплывающая корзина также будет работать, но не будет меняться текст на кнопке.
      При удалении товара из корзины возвращает кнопку "Купить" к первоначальному виду.
      Добавлен блок "с этим товаром покупают"
      Товары показываются те, которые указаны в качестве сопутствующих, во вкладке связи
      Показ и заголовок данного блока настраивается в админке модуля
      Добавление товара в корзину из этого блока происходит без перезагрузки страницы и с обновлением самой корзины!
      Работает на всех модулях и страницах.
      Работает со всеми модулями фильтров, включая FilterPro.
      Работает на OpenCart версий 1.5.5 - 1.5.6.4, OcStore версий 1.5.3.1 - 1.5.5.1.2
      Проверена работа в браузерах: в Chrome 39.0.2171.95, FireFox 34.0.5, Opera 12.17, IE 11.0.9
      vQmod в модуле используется только для вывода самого модуля в футер шаблона.

      Работает на 99% шаблонов. Ну, кроме самых "безбашенных".
      Не уверены, что модуль будет работать на вашем сайте? Напишите мне личное сообщение, в котором укажите адрес сайта, я дам ответ.
      Для работы дополнения необходим vQmod. Но возможна работа и без него, всего 2 правки в двух файлах.
      Так же есть версия данного модуля для OpenCart 2.0, находится тут.

      Админ-часть модуля:

      После установки и активации обязательно заходим в админку в настройки модуля и даже если в настройках всё устраивает - жмём кнопку сохранить.
      Условия лицензии: одна покупка - один домен. Я прекрасно понимаю, что недобросовестных покупателей эти условия не остановят, но если вы являетесь таковым - забудьте о поддержке и обновлениях.
      Демо: http://1.live-drive.ru/desktops/
      Добавил serega-lomik Добавлено 28.12.2014 Категория Покупки, оформление заказа, корзина Системные требования Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.