Адаптация шаблонов OpenCart для OCSHOP.CMS

flatt.rom · February 21, 2015

ковыряю 2.0.1.1

на странице регистрации не очень красиво поделено пространство между названиями полей формы и самими полями (reg01.jpg)

изменил в файле

catalog\view\javascript\bootstrap\css\bootstrap.min.css

процентные соотношения, получилось пристойно (reg02.jpg)

во влож bootstrap.min.css

с изменениями в двух местах:

процент столбца слева был

.col-sm-2{width:26.666666666666664%}

стал

.col-sm-2{width:26.666666666666664%}

справа был

.col-sm-10{width:83.33333333333334%}

стал

.col-sm-10{width:73.33333333333334%}

bootstrap.min.css

gefling · February 23, 2015

Везде где есть фото товаров добавить
<?php echo $product['sticker']; ?>

для главного фото товара добавляем
<?php echo $sticker; ?>

На странице отзывов и в модуле отзывов
<?php echo $review['sticker']; ?>

а это в какие файлы надо добавлять, может поможите?

SeoScope · February 24, 2015

в темплейты.

\catalog\view\theme\ваша-тема\template\product\

конкретно - в category.tpl и product.tpl

kwakin · March 9, 2015

еще бы понять в какое место в файле все это вставить

Justify · March 9, 2015

Меня давно уже просят описать изменения в шаблонах для адаптации их под OCSHOP.CMS ну что начнем :-) (будет пополняться)

Переменные в OCSHOP.CMS 1.5.6.3.x

1. catalog\view\theme\default\template\common\header.tpl

<?php if ($robots) { ?><meta name="robots" content="<?php echo $robots; ?>" /><?php } ?>

Необходимо для устранения дублей в сортировке, постраничной навигации, и изменения количества отображаемого товара на странице.

2. catalog\view\theme\default\template\common\header.tpl

//Вывод акций<?php if ($this->config->get('config_menu_special')) { ?><li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li><?php } ?>//Вывод новинок<?php if ($this->config->get('config_menu_latest')) { ?><li><a href="<?php echo $latest; ?>"><?php echo $text_latest; ?></a></li><?php } ?>//Вывод производителей<?php if ($this->config->get('config_menu_brands')) { ?>	<li><a href="<?php echo $brands; ?>"><?php echo $text_brands; ?></a>	<div>	<ul>	<?php foreach($manufacturer as $manufacturers){ ?>	<li><a href="<?php echo $manufacturers['href']; ?>"><?php echo $manufacturers['name']; ?></a></li>	<?php } ?>	</ul>	</div>	</li><?php } ?>//Вывод блога<?php if ($this->config->get('config_blog_header_menu')) { ?><li><a href="<?php echo $blog; ?>"><i class="fa fa-book"></i> <?php echo $text_blog; ?></a></li><?php } ?>

Необходима для вывода ссылок на станицу акций, новинок, производителей, блога в верхнем меню

3. catalog\view\theme\default\template\common\footer.tpl

//Вывод логатипа в футер<div class="footer-logo"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></div>//Вывод приветствия задающегося в настройках магазина<?php echo $welcome; ?>//Вывод телефонов задающихся в настройках магазина<?php echo $telephone; ?><?php echo $fax; ?>//Вывод E-mail задающегося в настройках магазина<?php echo $email; ?>//Вывод адреса задающегося в настройках магазина<?php echo $address; ?>//Вывод времени работы задающегося в настройках магазина<?php echo $time; ?>//Вывод яндекс карты задающейся в настройках магазина<?php echo $maps; ?>//Вывод ссылки на страницу новинок<li><a href="<?php echo $latest; ?>"><?php echo $text_latest; ?></a></li>//Вывод ссылки Пожаловаться Директору начиная с версии 1.5.6.4<li><a href="<?php echo $abuses; ?>"><?php echo $text_abuses; ?></a></li>//Вывод ссылок на социальные сети<div id="social">	   <a target="_blank" href="<?php echo $vk; ?>"><i class="fa fa-vk"></i></a>	   <a target="_blank" href="<?php echo $fb; ?>"><i class="fa fa-facebook"></i></a>	   <a target="_blank" href="<?php echo $googleplus; ?>"><i class="fa fa-google-plus"></i></a>	   <a target="_blank" href="<?php echo $youtube; ?>"><i class="fa fa-youtube"></i></a>	   <a target="_blank" href="<?php echo $twitter; ?>"><i class="fa fa-twitter"></i></a></div>

4. catalog\view\theme\default\template\information\sitemap.tpl

<?php if ($newss) { ?>      <li><a href="<?php echo $blog; ?>"><i class="fa fa-book"></i> <?php echo $text_blog; ?></a>      <ul>        <?php foreach ($newss as $news_1) { ?>        <li><a href="<?php echo $news_1['href']; ?>"><?php echo $news_1['name']; ?></a>          <?php if ($news_1['children']) { ?>          <ul>            <?php foreach ($news_1['children'] as $news_2) { ?>            <li><a href="<?php echo $news_2['href']; ?>"><?php echo $news_2['name']; ?></a>              <?php if ($news_2['children']) { ?>              <ul>                <?php foreach ($news_2['children'] as $news_3) { ?>                <li><a href="<?php echo $news_3['href']; ?>"><?php echo $news_3['name']; ?></a></li>                <?php } ?>              </ul>              <?php } ?>            </li>            <?php } ?>          </ul>          <?php } ?>        </li>        <?php } ?>      </ul>      </li>      <?php } ?>

Необходимо для вывода категорий блога на странице карты сайта

5. catalog\view\theme\default\template\product\product.tpl

//Добавлены два новых таба 1. Похожие товары 2. Статьи блога<?php if ($products2) { ?>    <a href="#tab-related2"><?php echo $tab_related2; ?> (<?php echo count($products2); ?>)</a>    <?php } ?>	<?php if ($articles) { ?><a href="#tab-articles"><?php echo $tab_blog_related; ?> (<?php echo count($articles); ?>)</a><?php } ?>//Собственно сами табы//1. Похожие товары<?php if ($products2) { ?>  <div id="tab-related2" class="tab-content">    <div class="box-product">      <?php foreach ($products2 as $product) { ?>      <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 } ?>        <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 } ?>       <div class="rating">                <?php for ($i = 1; $i <= 5; $i++) { ?>                <?php if ($product['rating'] < $i) { ?>                <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>                <?php } else { ?>                <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>                <?php } ?>                <?php } ?>              </div>        <a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><?php echo $button_cart; ?></a></div>      <?php } ?>    </div>  </div>  <?php } ?>//2. Статьи блога<?php if ($articles) { ?>  <div id="tab-articles" class="tab-content">    <div class="box-product box-article">      <?php foreach ($articles as $article) { ?>      <div>	  <div class="article-left">        <?php if ($article['thumb']) { ?>        <div class="image"><a href="<?php echo $article['href']; ?>"><img src="<?php echo $article['thumb']; ?>" alt="<?php echo $article['name']; ?>" /></a></div>        <?php } ?>		<div class="rating">                <?php for ($i = 1; $i <= 5; $i++) { ?>                <?php if ($article['rating'] < $i) { ?>                <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>                <?php } else { ?>                <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>                <?php } ?>                <?php } ?>              </div>		</div>        <div class="name"><a href="<?php echo $article['href']; ?>"><?php echo $article['name']; ?></a></div>		<div class="description-article"><?php echo $article['description']; ?> <a href="<?php echo $article['href']; ?>">...»</a></div>        </div>      <?php } ?>    </div>  </div>  <?php } ?>

6. catalog\view\theme\default\template\product\category.tpl \ manufacturer_info.tpl \ special.tpl \ search.tpl и тд

чтобы работал lazyload

Вывод изображений приводим к следующему виду
кнопки переключателей list\grid
добавляем скрипт

<?php if ($product['thumb']) { ?>      <div class="image"><a href="<?php echo $product['href']; ?>">	  <img class="imagejail" src="catalog/view/theme/default/image/grey.gif" width="<?php echo $product['thumbwidth']; ?>" height="<?php echo $product['thumbheight']; ?>" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />	  <noscript>      <img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />	  </noscript>	  </a></div>      <?php } ?>

<div class="display"><?php echo $text_display; ?> <i class="fa fa-list fa-lg"></i><a onclick="displaybutton('grid');"><i class="fa fa-th fa-lg"></i></a></div>//в скрипте$('.display').html('<?php echo $text_display; ?> <i class="fa fa-list fa-lg"></i> <a onclick="displaybutton(\'grid\');"><i class="fa fa-th fa-lg"></i></a>');$('.display').html('<?php echo $text_display; ?> <a onclick="displaybutton(\'list\');"><i class="fa fa-list fa-lg"></i></a> <i class="fa fa-th fa-lg"></i>');

<script type="text/javascript"><!--function displaybutton (view) {	display(view);	$(function(){                $('img.imagejail').jail({					effect: 'fadeIn',					offset: 300,					speed : 400				});            });};//--></script>

7. Новые файлы шаблонов которых нет в OpenCart

Блог
1. Страницы Блога
2.Модули Блога
Страницы которых нет в Opencart
Модули которых нет в Opencart

Последнии записи блогаcatalog\view\theme\default\template\blog\latest.tplКатегории статей блогаcatalog\view\theme\default\template\blog\news.tplКатегории галерей блогаcatalog\view\theme\default\template\blog\news_gallery.tplСтатья блогаcatalog\view\theme\default\template\blog\article.tplГалерея блогаcatalog\view\theme\default\template\blog\gallery.tplОтзывыcatalog\view\theme\default\template\blog\review_article.tpl

Категории блогаcatalog\view\theme\default\template\module\blog_category.tplНовые статьи - вертикальное отображениеcatalog\view\theme\default\template\module\blog_latest.tpl - горизонтальное отображениеcatalog\view\theme\default\template\module\blog_latest_middle.tplРекомендуемые статьи - вертикальное отображениеcatalog\view\theme\default\template\module\blog_featured.tpl - горизонтальное отображениеcatalog\view\theme\default\template\module\blog_featured_middle.tpl - с привязкой к категории и производителюcatalog\view\theme\default\template\module\featuredarticle.tplПопулярные статьи - вертикальное отображениеcatalog\view\theme\default\template\module\blog_mostviewed.tpl - горизонтальное отображениеcatalog\view\theme\default\template\module\blog_mostviewed_middle.tplПоследние отзывы - вертикальное отображениеcatalog\view\theme\default\template\module\blog_reviews.tpl - горизонтальное отображениеcatalog\view\theme\default\template\module\blog_reviews_middle.tpl

Страница новинок магазинаcatalog\view\theme\default\template\product\latest.tplСтраница последних отзывов о товарахcatalog\view\theme\default\template\product\reviews.tplв версии OCSHOP.CMS 1.5.6.4 добавятсяСтраница хитов продажcatalog\view\theme\default\template\product\bestseller.tplСтраница популярных товаровcatalog\view\theme\default\template\product\mostviewed.tplСтраница отзывов о магазинеcatalog\view\theme\default\template\product\testimonial.tplФорма создания отзывов о магазинеcatalog\view\theme\default\template\product\isitestimonial.tpl

Cool filter - Фильтр товаровcatalog\view\theme\default\template\module\coolfilter.tplРекомендуемые товары с привязкой к категории и производителюcatalog\view\theme\default\template\module\featuredwb.tplМодуль вкладки (табы) товаровcatalog\view\theme\default\template\module\product_tab.tplМодуль вы смотрелиcatalog\view\theme\default\template\module\viewed.tplМодуль последних отзывов о товарахcatalog\view\theme\default\template\module\testimonial.tpl

8. Управляемые стикеры Начиная с версии OCSHOP.CMS 1.5.6.4

Новые файлыcatalog/view/theme/default/template/product/stickers.tplВезде где есть фото товаров добавить<?php echo $product['sticker']; ?>для главного фото товара добавляем<?php echo $sticker; ?>На странице отзывов и в модуле отзывов<?php echo $review['sticker']; ?>

Сейчас занимаюсь натягиванием адаптивного шаблона на ocshop 1.5.6.4.1.

Для того чтоб появилось в вашей новой теме нижнее описание категории, нужно в файле catalog\view\theme\ВАША-ТЕМА\template\product\category.tpl примерно 164 строка, заменить:

<?php if ($description_bottom) ?></div>

на следующий код:

<?php if ($description_bottom) { ?><div class="category-info">    <?php echo $description_bottom; ?></div>    <?php } ?></div>

Если что еще попадется отпишусь по ходу)...

Justify · March 9, 2015

Кстати есть вопрос к admin:

Как сделать чтоб табы в меню Акции Новинки Производители Блог, когда активны имели бекграунд такой как и у основного меню?

Например: Я нахожусь в разделе Камеры, соответственно таб Камеры, так как он активен, имеет темный бекграунд в дефолтной теме, но если я нахожусь как вариант в Блоге, таб Блог не активен...

Как это поправить?

La Bona · March 24, 2015

Товарищи! Столкнулся с неизвестной проблемой, помогите её решить, ибо не хочется всё заново начинать.

Проблема вот в чем, вчера пытался настроить creditor, но не получилось. Всё вернул на свои места. После настраивал чпу. Утром захожу на сайт, а там пропал вывод картинок в выпадающем списке категорий. Изображения все загружены, если перейти в категорию или подкатегорию- картинка на месте стоит и все чудесно. Я в растерянности от незнания. Выручайте, Товарищи

Blondy · March 24, 2015

Думаю, что ссылка на сайт ускорит решение проблемы.

La Bona · March 24, 2015

Думаю, что ссылка на сайт ускорит решение проблемы.

сайт omi.com.ua

Blondy · March 24, 2015

Попробуйте заменить файл header.tpl в шаблоне на файл из дистрибутива шаблона

La Bona · March 24, 2015

Попробуйте заменить файл header.tpl в шаблоне на файл из дистрибутива шаблона

сейчас попробую и отпишусь

La Bona · March 24, 2015

Попробуйте заменить файл header.tpl в шаблоне на файл из дистрибутива шаблона

Поменял все файлы с которыми работал, но результат не появился. Вспомнил ещё один момент, с утра перестала работать шторка XDS Sutter, хотя её вообще не трогал

La Bona · March 24, 2015

Попробуйте заменить файл header.tpl в шаблоне на файл из дистрибутива шаблона

Ошибку не нашел, но нашел забытую копию файлов и восстановил её. Спасибо

La Bona · March 24, 2015

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

zyto · March 30, 2015

Подскажите, пожалуйста, почему может не срабатывать lazyload? Причём не работает только в Google Chrome! В остальных браузерах нормально работает

Сайт: microhobby.ru

Заходим в какую-нибудь категорию, и видим блоки товаров без картинок.

Стоит пошевелить страницу (например колёсиком мышки) - картинки тут же появляются.

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

В чём может быть проблема?

zyto · March 30, 2015

В консоли ошибок никаких нет, уже поотключал всё лишнее типа чата...

Проверил в Яндекс-браузере, он хоть и на том же движке, что и хром - но там таких проблем не наблюдается.

Blondy · March 30, 2015

Проверила у себя в хроме. Все работает корректно. Кеш почистите на всякий случай ))

zyto · March 30, 2015

А если в категории нажать Ctrl+F5?

например тут:

http://goo.gl/lnugfr

После нажатия Ctrl+F5 я вижу вот такое:

А если потом подвигать мышку, то вот так:

Blondy · March 30, 2015

Это видимо в самом шаблоне. На Демо тоже такая же ситуация.

Действительно не должно так быть. Проверила у себя на этой же сборке но другом шаблоне (т.е. впиливала lazy load сама), Нормально все подгружается.

У Вас горизонтальное меню (каталог), как -то криво получилось. )) поправить бы

zyto · March 30, 2015

Горизонтальное? Что именно криво, можете скриншотик сделать?

Господа гуру, в чём может быть проблема?

Blondy · March 30, 2015

http://joxi.ru/Dr8ok03CdGRqA6вот какая штука нехорошая

Blondy · March 30, 2015

Попробуйте код



 <?php if ($product['thumb']) { ?>

      <div class="image"><?php echo $product['sticker']; ?><a href="<?php echo $product['href']; ?>">

	  <img class="imagejail" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />

	  <noscript>

      <img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />

	  </noscript>

	  </a></div>

      <?php } ?>

заменить на



<?php if ($product['thumb']) { ?>

      <div class="image"><?php echo $product['sticker']; ?><a href="<?php echo $product['href']; ?>">

	  <img class="imagejail" src="catalog/view/theme/default/image/grey.gif" width="<?php echo $product['thumbwidth']; ?>" height="<?php echo $product['thumbheight']; ?>" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />

	  <noscript>

      <img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />

	  </noscript>

	  </a></div>

      <?php } ?>

в файле category.tpl

zyto · March 30, 2015

http://joxi.ru/Dr8ok03CdGRqA6вот какая штука нехорошая

А... Вы про это.

Я изначально хотел выгружать картинки категорий на сайт, но всё как-то руки не доходят... Наверно уберу пока вывод картинок, что бы не было так страшно.

Да и вообще наверно уберу выпадающую менюшку...

zyto · March 30, 2015

Попробуйте код
<?php if ($product['thumb']) { ?>
<div class="image"><?php echo $product['sticker']; ?><a href="<?php echo $product['href']; ?>">
<img class="imagejail" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />
<noscript>
<img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />
</noscript>
</a></div>
<?php } ?>

заменить на
<?php if ($product['thumb']) { ?>
<div class="image"><?php echo $product['sticker']; ?><a href="<?php echo $product['href']; ?>">
<img class="imagejail" src="catalog/view/theme/default/image/grey.gif" width="<?php echo $product['thumbwidth']; ?>" height="<?php echo $product['thumbheight']; ?>" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />
<noscript>
<img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" />
</noscript>
</a></div>
<?php } ?>

в файле category.tpl

О! Так работает!

Надо только вместо серого что-нибудь более интересное прикрутить.

А почему так происходит? Что не нравится скрипту?

Blondy · March 30, 2015

А Вы сравните оба куска кода... там есть различия ))

Адаптация шаблонов OpenCart для OCSHOP.CMS

Recommended Posts

Ссылка на комментарий

Поделиться на других сайтах

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

admin

bodia007

admin

Posted Images

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Ссылка на комментарий

Поделиться на других сайтах

Join the conversation

Похожие публикации

Сейчас на странице 0 пользователей