Интеграция шаблона
Ars254
31 октября 2016 г.
Доброго времени суток!
Пытаюсь натянуть бесплатный шаблон на hostcms, но к сожалению не обладаю знаниями xslt. Возникла проблема с генерацией выпадающего меню.
Искал на форуме решение, но приведённые примеры мне не помогли. Так же смотрел статью в документации по интеграции bootstrap-шаблона, но там тоже пример, с более простым меню.
Прошу помощи в разъяснении того, как в выпадающем меню можно настроить списки в несколько таблиц.
Код:
Пытаюсь натянуть бесплатный шаблон на hostcms, но к сожалению не обладаю знаниями xslt. Возникла проблема с генерацией выпадающего меню.
Искал на форуме решение, но приведённые примеры мне не помогли. Так же смотрел статью в документации по интеграции bootstrap-шаблона, но там тоже пример, с более простым меню.
Прошу помощи в разъяснении того, как в выпадающем меню можно настроить списки в несколько таблиц.
Код:
<div class="navbar-collapse collapse" id="navigation">
<ul class="nav navbar-nav navbar-left">
<li class="active"><a href="index.html">Home</a>
</li>
<li class="dropdown yamm-fw">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">Men <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-sm-3">
<h5>Clothing</h5>
<ul>
<li><a href="category.html">T-shirts</a>
</li>
<li><a href="category.html">Shirts</a>
</li>
<li><a href="category.html">Pants</a>
</li>
<li><a href="category.html">Accessories</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Shoes</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Accessories</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Featured</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
</ul>
<h5>Looks and trends</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
</ul>
</div>
</div>
</div>
<!-- /.yamm-content -->
</li>
</ul>
</li>
<li class="dropdown yamm-fw">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">Ladies <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-sm-3">
<h5>Clothing</h5>
<ul>
<li><a href="category.html">T-shirts</a>
</li>
<li><a href="category.html">Shirts</a>
</li>
<li><a href="category.html">Pants</a>
</li>
<li><a href="category.html">Accessories</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Shoes</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Accessories</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
<h5>Looks and trends</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<div class="banner">
<a href="#">
<img src="img/banner.jpg" class="img img-responsive" alt="">
</a>
</div>
<div class="banner">
<a href="#">
<img src="img/banner2.jpg" class="img img-responsive" alt="">
</a>
</div>
</div>
</div>
</div>
<!-- /.yamm-content -->
</li>
</ul>
</li>
<li class="dropdown yamm-fw">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">Template <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-sm-3">
<h5>Shop</h5>
<ul>
<li><a href="index.html">Homepage</a>
</li>
<li><a href="category.html">Category - sidebar left</a>
</li>
<li><a href="category-right.html">Category - sidebar right</a>
</li>
<li><a href="category-full.html">Category - full width</a>
</li>
<li><a href="detail.html">Product detail</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>User</h5>
<ul>
<li><a href="register.html">Register / login</a>
</li>
<li><a href="customer-orders.html">Orders history</a>
</li>
<li><a href="customer-order.html">Order history detail</a>
</li>
<li><a href="customer-wishlist.html">Wishlist</a>
</li>
<li><a href="customer-account.html">Customer account / change password</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Order process</h5>
<ul>
<li><a href="basket.html">Shopping cart</a>
</li>
<li><a href="checkout1.html">Checkout - step 1</a>
</li>
<li><a href="checkout2.html">Checkout - step 2</a>
</li>
<li><a href="checkout3.html">Checkout - step 3</a>
</li>
<li><a href="checkout4.html">Checkout - step 4</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Pages and blog</h5>
<ul>
<li><a href="blog.html">Blog listing</a>
</li>
<li><a href="post.html">Blog Post</a>
</li>
<li><a href="faq.html">FAQ</a>
</li>
<li><a href="text.html">Text page</a>
</li>
<li><a href="text-right.html">Text page - right sidebar</a>
</li>
<li><a href="404.html">404 page</a>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
<!-- /.yamm-content -->
</li>
</ul>
</li>
</ul>
</div>
<ul class="nav navbar-nav navbar-left">
<li class="active"><a href="index.html">Home</a>
</li>
<li class="dropdown yamm-fw">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">Men <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-sm-3">
<h5>Clothing</h5>
<ul>
<li><a href="category.html">T-shirts</a>
</li>
<li><a href="category.html">Shirts</a>
</li>
<li><a href="category.html">Pants</a>
</li>
<li><a href="category.html">Accessories</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Shoes</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Accessories</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Featured</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
</ul>
<h5>Looks and trends</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
</ul>
</div>
</div>
</div>
<!-- /.yamm-content -->
</li>
</ul>
</li>
<li class="dropdown yamm-fw">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">Ladies <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-sm-3">
<h5>Clothing</h5>
<ul>
<li><a href="category.html">T-shirts</a>
</li>
<li><a href="category.html">Shirts</a>
</li>
<li><a href="category.html">Pants</a>
</li>
<li><a href="category.html">Accessories</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Shoes</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Accessories</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
<li><a href="category.html">Casual</a>
</li>
</ul>
<h5>Looks and trends</h5>
<ul>
<li><a href="category.html">Trainers</a>
</li>
<li><a href="category.html">Sandals</a>
</li>
<li><a href="category.html">Hiking shoes</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<div class="banner">
<a href="#">
<img src="img/banner.jpg" class="img img-responsive" alt="">
</a>
</div>
<div class="banner">
<a href="#">
<img src="img/banner2.jpg" class="img img-responsive" alt="">
</a>
</div>
</div>
</div>
</div>
<!-- /.yamm-content -->
</li>
</ul>
</li>
<li class="dropdown yamm-fw">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">Template <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-sm-3">
<h5>Shop</h5>
<ul>
<li><a href="index.html">Homepage</a>
</li>
<li><a href="category.html">Category - sidebar left</a>
</li>
<li><a href="category-right.html">Category - sidebar right</a>
</li>
<li><a href="category-full.html">Category - full width</a>
</li>
<li><a href="detail.html">Product detail</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>User</h5>
<ul>
<li><a href="register.html">Register / login</a>
</li>
<li><a href="customer-orders.html">Orders history</a>
</li>
<li><a href="customer-order.html">Order history detail</a>
</li>
<li><a href="customer-wishlist.html">Wishlist</a>
</li>
<li><a href="customer-account.html">Customer account / change password</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Order process</h5>
<ul>
<li><a href="basket.html">Shopping cart</a>
</li>
<li><a href="checkout1.html">Checkout - step 1</a>
</li>
<li><a href="checkout2.html">Checkout - step 2</a>
</li>
<li><a href="checkout3.html">Checkout - step 3</a>
</li>
<li><a href="checkout4.html">Checkout - step 4</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h5>Pages and blog</h5>
<ul>
<li><a href="blog.html">Blog listing</a>
</li>
<li><a href="post.html">Blog Post</a>
</li>
<li><a href="faq.html">FAQ</a>
</li>
<li><a href="text.html">Text page</a>
</li>
<li><a href="text-right.html">Text page - right sidebar</a>
</li>
<li><a href="404.html">404 page</a>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
<!-- /.yamm-content -->
</li>
</ul>
</li>
</ul>
</div>
ARTATOM
31 октября 2016 г.
А без изучения XSL вы не сможете создавать динамический контент по данным из БД - по крайней мере по тому маршруту, который предполагается при использовании данной CMS. Поверьте, усилия затраченные один раз на изучение XSL потом окупятся быстротой интеграции макетов новых сайтов
ARTatom
Ars254
1 ноября 2016 г.
artatom, добрый день. В первом посте я писал об этой инструкции. К сожалению, она не совсем подходит для моих целей. На форуме тоже нет таких примеров.
Я понимаю, что глубокое изучение XSL может помочь в дальнейшем. Но пока не планирую делать больше одного сайта на этой системе. Стараюсь изучить этот язык, пока не помогает.
Может быть у вас найдётся пример похожего меню ?
Или вдруг кто-то захочет помочь в интеграции за денежное вознаграждение...
Я понимаю, что глубокое изучение XSL может помочь в дальнейшем. Но пока не планирую делать больше одного сайта на этой системе. Стараюсь изучить этот язык, пока не помогает.
Может быть у вас найдётся пример похожего меню ?
Или вдруг кто-то захочет помочь в интеграции за денежное вознаграждение...
ARTATOM
1 ноября 2016 г.
Цитата:
Напишите на mail [собака] artatom.ru - постараемся помочь
Или вдруг кто-то захочет помочь в интеграции за денежное вознаграждение...
Напишите на mail [собака] artatom.ru - постараемся помочь
ARTatom
Авторизация
