Moushe.ru

Блог обо всём

CMS Lego SP 6.1 делаем шаблон mynew (2 часть)



Продолжим делать наш шаблон для cms lego.

lego sp

Список задач на сегодня:

1.1. Создадим пометки и удалим лишние строки

1.2. Правим хлебные крошки и авторизацию

1.3. Переделаем содержимое страницы

1.4. Переделаем футер

И так приступим:

1.1. Откроем файл ../css/css_mynew/theme/index.tpl и вместо этих строк (47-56):

<div class="header">

<a href="./" class="png logo" title="{$page_title}"><img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/images/logo0000.png"/></a>

<div class="contacts_panel">
<p>{$smarty.const.ADMIN_COMPANY_PHONE}</p>
<span style="color:#F00; font-style:italic;">{$smarty.const.COMPANY_PHONE}</span>
</div>

</div>

вставим эти:

{* -- Шапка -- *}
<div class="header">
<a href="./" class="png logo" title="{$page_title}"><img src="./css/css_{$smarty.const.CONF_COLOR_SCHEME}/images/logo0000.png"/></a>
<div class="contacts_panel">
<p>{$smarty.const.ADMIN_COMPANY_PHONE}</p>
<span style="color:#F00; font-style:italic;">{$smarty.const.COMPANY_PHONE}</span>
</div>
</div>
{* -- Конец шапки -- *}

это не обязательно, но вам удобнее будет потом переделывать шаблон зная что именно вы правите.

1.2. Изменим этот код (54-67):

<div class="header_panel">
<div class="path">
{if $product_category_path}<a href="./">{$smarty.const.LINK_TO_HOMEPAGE}</a>{/if}
{section name=i loop=$product_category_path}
<b>&raquo;</b> <a href="./{$product_category_path[i][0]}">{$product_category_path[i][1]}</a>
{/section}
</div>

{* Авторизация *}
<div id="topnav" class="panel">{include file="cust_login_info.tpl.html"}</div>
{* Авторизация *}

</div>

на этот:

{* -- Хлебные крошки и авторизация -- *}
<div class="navbar navbar-static-top">
<div class="navbar-inner">
<div id="topnav" class="panel">{include file="cust_login_info.tpl.html"}</div>
</div>
</div>
<ul class="breadcrumb">
{if $product_category_path}<li><a href="./">{$smarty.const.LINK_TO_HOMEPAGE}</a><span class="divider">/</span></li>{/if}
{section name=i loop=$product_category_path}
<li><a href="./{$product_category_path[i][0]}">{$product_category_path[i][1]}</a><span class="divider">/</span></li>
{/section}
</ul>
{* -- Конец хлебных крошек и авторизации -- *}

1.3. Вместо этих строк (67-247):

<div class="wrapper">

<div class="f-left" id="sidebar">

<div class="box">
{include file="category_tree.tpl.html"}
</div>
{* brands *}
{if $brand_list}
<div id="brends" class="box">
<div class="top">{$smarty.const.STRING_MANUFACTURER}</div>
<div class="middle" style="text-align: center;">
<select name="brand" onchange="location=this.value" style="width: 160px; margin-top:15px;">
<option value=""> --- {$smarty.const.NOT_SELECTED} --- </option>
{section name=i loop=$brand_list}
<option value="http://{$smarty.const.CONF_SHOP_URL}/{$brand_list[i][2]}" {if $brand_list[i][0] === $selected_brand[0]}selected="selected"{/if}>{$brand_list[i][1]}</option>
{/section}
</select>
</div>
</div>
{/if}
{* eof brands *}

{* Последние просмотриные *}
{include file="last_items_view.tpl.html"}
{* END Последние просмотриные *}

{* Онлайн *}
{if $smarty.const.CONF_ONLINE_ON eq 1}
<div class="box">
<div class="top">{$smarty.const.STRING_ONLINE}</div>
<div id="online" class="middle">{include file="online.tpl.html"}</div>
</div>
{/if}
{* END Онлайн *}

{* Метки *}
<div class="box" id="tags_box">
<div class="top"><img src="./images/icon_bra.png" alt="{$smarty.const.ADMIN_TAGS_NAME}" />{$smarty.const.ADMIN_TAGS_NAME}</div>
<div class="middle" style="text-align: center;" >
<div id="myCanvasContainer">
<canvas width="170" height="180" id="myCanvas"> <p>Anything in here will be replaced on browsers that support the canvas element</p>   </canvas>
</div>
<div id="tags">
{$tagcloud}
</div>
</div>
</div>
{* END Метки *}

</div>

<div class="f-right" id="sidebar">

<div id="module_cart" class="div2 box_shadow">
{include file="shopping_cart_info.tpl.html"}

{if count($current_all)>1}
<div class="coast">
<label style="font-size:12px; float:left;">{$smarty.const.ADMIN_CURRENCY}:</label>
{literal}
<script type="text/javascript" language="JavaScript">
function _changeCurrency(){
document.ChangeCurrency.submit();
}
</script>
{/literal}
<form name="ChangeCurrency" method="post" >
<select onchange="_changeCurrency()" name="current_currency">
{foreach from=$current_all item=curr}
<option {if $smarty.const.CURRENCY_ID==$curr.CID}SELECTED{/if}  value="{$curr.CID}">{$curr.Name}</option>
{/foreach}
</select>
</form>
</div>
{/if}

</div>

{* -- Новинки -- *}
{if $main_content_template != "new_product_list.tpl.html"}
<div class="box">
<div class="top"><a href="./index.php?novinki=yes">{$smarty.const.HOT_NEW}</a></div>
<div class="middle">
{include file="new_products.tpl.html"}
</div>
</div>
{/if}
{* -- Новинки -- *}

{* -- Хит продаж -- *}
{if $hits_to_show}
<div class="box">
<div class="top">{$smarty.const.PRODUCTS_BEST_CHOISE}</div>
<div class="middle">
{include file="hits.tpl.html"}
</div>
</div>
{/if}
{* -- Хит продаж -- *}

{if $smarty.const.CONF_NEWS_ONHOME eq 1 && $home_news_list}
<div id="module_news" class="box">
<div class="top">{$smarty.const.ADMIN_NEWS}</div>
<div class="middle">
{section name=i loop=$home_news_list}
<p style="padding-left: 10px;">
<span style="font-size: 10px; color: #999;">[{$home_news_list[i][2]}]</span><br />
{$home_news_list[i][1]}<br />
<a href="./{$home_news_list[i][6]}">{$smarty.const.ADMIN_NEWS_READ}</a>
</p>
<hr />
{/section}
<center><a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news{/if}">{$smarty.const.ADMIN_NEWS_ALL}</a></center>
</div>
</div>
{/if}

{* -- Статьи -- *}
{if $smarty.const.CONF_PAGES_ONHOME eq 1 && $home_pages_list}
<div id="module_pages" class="box">
<div class="top">{$smarty.const.ADMIN_PAGES}</div>
<div class="middle">
{section name=i loop=$home_pages_list}
<p><span style="font-size: 10px; color: #878787;">[{$home_pages_list[i][2]}]</span><br />
{$home_pages_list[i][1]}<br />
<a href="./{$home_pages_list[i][6]}">{$smarty.const.ADMIN_NEWS_READ}</a></p>
<hr />
{/section}
<center><a href="./{$smarty.const.REDIRECT_PAGES}/" class="b">{$smarty.const.ADMIN_PAGE_ALL}</a></center>
</div>
</div>
{/if}
{* -- Статьи -- *}

{* -- Голосование-- *}
{if $smarty.const.CONF_VOTES_ON == 1 && ($vote_is || $vote_res)}
<div class="box" id="votes">
<div class="top">{$smarty.const.STRING_VOTE}</div>
<div class="middle">
<h4 style="font-weight:bold;">{$vote_is[0][1]}{$vote_res[0][1]}</h4>
{include file="votes.tpl.html"}
</div>
</div>
{/if}
{* -- Голосование-- *}

{* --#SR-- *}</div>

{if $main_content_template != "compare.tpl.html"}
<div id="compare" {if !isset($smarty.session.comp)}style="display: none;"{/if}>
<div id="compare_top"><a href="./index.php?compare" title="{$smarty.const.Back_to_compare}">{$smarty.const.COMPARE}</a>
<div style="float: right;padding-right:5px;"><a onclick="$('#compare').hide(500);location='./index.php?clear_compare';" title="{$smarty.const.COMPARE_CLEAR}"><img src="./images/del.png" alt="" /></a></div>
</div>

<ul id="c_ul">
{section name=i loop=$comp_}
<li style="padding: 2px 5px;" id="dtr_{$comp_[i][0]}" align="center" width="60">
<a href="./{$comp_[i][55]}" title="{$comp_[i][1]}">{$comp_[i][4]}</a>
</li>
{/section}
</ul>

</div>
{/if}

{* --#Content-- *}
<div id="content">
{include file="$main_content_template"}
</div>
{* --#Content-- *}

{* --#wrapper-- *}</div>

вставим эти:

{* -- Начало содержимого -- *}
<div class="container-fluid">
<div class="row-fluid">
{* -- Левая колонка -- *}
<div class="span2">
{* -- Категории -- *}
<div class="well sidebar-nav">
{include file="category_tree.tpl.html"}
</div>
{* -- Конец категорий -- *}
{* -- Производители -- *}
<div class="well sidebar-nav">
{if $brand_list}
<div id="brends" class="box">
<div class="top">
{$smarty.const.STRING_MANUFACTURER}
</div>
<div class="middle" style="text-align: center;">
<select name="brand" onchange="location=this.value" style="width: 160px; margin-top:15px;">
<option value=""> --- {$smarty.const.NOT_SELECTED} --- </option>
{section name=i loop=$brand_list}
<option value="http://{$smarty.const.CONF_SHOP_URL}/{$brand_list[i][2]}" {if $brand_list[i][0] === $selected_brand[0]}selected="selected"{/if}>{$brand_list[i][1]}</option>
{/section}
</select>
</div>
</div>
{/if}
</div>
{* -- Конец производителей -- *}
{* -- Просмотренные товары -- *}
<div class="well sidebar-nav">
{include file="last_items_view.tpl.html"}
</div>
{* -- Конец просмотренных товаров -- *}
{* -- Онлайн -- *}
<div class="well sidebar-nav">
{if $smarty.const.CONF_ONLINE_ON eq 1}
<div class="box">
<div class="top">
{$smarty.const.STRING_ONLINE}
</div>
<div id="online" class="middle">
{include file="online.tpl.html"}
</div>
</div>
{/if}
</div>
{* -- Конец онлайн -- *}
{* -- Метки -- *}
<div class="well sidebar-nav">
<div class="top">
{$smarty.const.ADMIN_TAGS_NAME}
</div>
<div class="middle" style="text-align: center;" >
<div id="myCanvasContainer">
<canvas width="170" height="180" id="myCanvas"> <p>Anything in here will be replaced on browsers that support the canvas element</p>   </canvas>
</div>
<div id="tags">
{$tagcloud}
</div>
</div>
</div>
{* -- Конец меток -- *}
</div>
{* -- Конец левой колонки -- *}
{* -- Начало средней колонки -- *}
<div class="span8">
{if $main_content_template != "compare.tpl.html"}
<div id="compare" {if !isset($smarty.session.comp)}style="display: none;"{/if}>
<div id="compare_top"><a href="./index.php?compare" title="{$smarty.const.Back_to_compare}">{$smarty.const.COMPARE}</a>
<div style="float: right;padding-right:5px;">
<a onclick="$('#compare').hide(500);location='./index.php?clear_compare';" title="{$smarty.const.COMPARE_CLEAR}"><img src="./images/del.png" alt="" /></a>
</div>
</div>
<ul id="c_ul">
{section name=i loop=$comp_}
<li style="padding: 2px 5px;" id="dtr_{$comp_[i][0]}" align="center" width="60">
<a href="./{$comp_[i][55]}" title="{$comp_[i][1]}">{$comp_[i][4]}</a>
</li>
{/section}
</ul>
</div>
{/if}
<div id="content">
{include file="$main_content_template"}
</div>
</div>
{* -- Конец средней колонки -- *}
{* -- Правая колонка -- *}
<div class="span2">
{* -- Корзина -- *}
<div class="well sidebar-nav">
{include file="shopping_cart_info.tpl.html"}
{if count($current_all)>1}
<div class="coast">
<label style="font-size:12px; float:left;">{$smarty.const.ADMIN_CURRENCY}:</label>
{literal}
<script type="text/javascript" language="JavaScript">
function _changeCurrency(){
document.ChangeCurrency.submit();
}
</script>
{/literal}
<form name="ChangeCurrency" method="post" >
<select onchange="_changeCurrency()" name="current_currency">
{foreach from=$current_all item=curr}
<option {if $smarty.const.CURRENCY_ID==$curr.CID}SELECTED{/if}  value="{$curr.CID}">{$curr.Name}</option>
{/foreach}
</select>
</form>
</div>
{/if}
</div>
{* -- Конец корзины -- *}
{* -- Новинки -- *}
<div class="well sidebar-nav">
{if $main_content_template != "new_product_list.tpl.html"}
<div class="box">
<div class="top">
<a href="./index.php?novinki=yes">{$smarty.const.HOT_NEW}</a>
</div>
<div class="middle">
{include file="new_products.tpl.html"}
</div>
</div>
{/if}
</div>
{* -- Конец новинок -- *}
{* -- Хиты -- *}
<div class="well sidebar-nav">
{if $hits_to_show}
<div class="box">
<div class="top">
{$smarty.const.PRODUCTS_BEST_CHOISE}
</div>
<div class="middle">
{include file="hits.tpl.html"}
</div>
</div>
{/if}
</div>
{* -- Конец хитов -- *}
{* -- Новости -- *}
<div class="well sidebar-nav">
{if $smarty.const.CONF_NEWS_ONHOME eq 1 && $home_news_list}
<div id="module_news" class="box">
<div class="top">
{$smarty.const.ADMIN_NEWS}
</div>
<div class="middle">
{section name=i loop=$home_news_list}
<p style="padding-left: 10px;">
<span style="font-size: 10px; color: #999;">[{$home_news_list[i][2]}]</span><br />
{$home_news_list[i][1]}<br />
<a href="./{$home_news_list[i][6]}">{$smarty.const.ADMIN_NEWS_READ}</a>
</p>
<hr />
{/section}
<center><a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news{/if}">{$smarty.const.ADMIN_NEWS_ALL}</a></center>
</div>
</div>
{/if}

{if $smarty.const.CONF_PAGES_ONHOME eq 1 && $home_pages_list}
<div id="module_pages" class="box">
<div class="top">{$smarty.const.ADMIN_PAGES}</div>
<div class="middle">
{section name=i loop=$home_pages_list}
<p><span style="font-size: 10px; color: #878787;">[{$home_pages_list[i][2]}]</span><br />
{$home_pages_list[i][1]}<br />
<a href="./{$home_pages_list[i][6]}">{$smarty.const.ADMIN_NEWS_READ}</a></p>
<hr />
{/section}
<center><a href="./{$smarty.const.REDIRECT_PAGES}/" class="b">{$smarty.const.ADMIN_PAGE_ALL}</a></center>
</div>
</div>
{/if}
</div>
{* -- Конец новостей -- *}
{* -- Голосование -- *}
<div class="well sidebar-nav">
{if $smarty.const.CONF_VOTES_ON == 1 && ($vote_is || $vote_res)}
<div class="box" id="votes">
<div class="top">
{$smarty.const.STRING_VOTE}
</div>
<div class="middle">
<h4 style="font-weight:bold;">{$vote_is[0][1]}{$vote_res[0][1]}</h4>
{include file="votes.tpl.html"}
</div>
</div>
{/if}
</div>
{* -- Конец голосований -- *}
</div>
{* -- Конец правой колонки -- *}
</div>
</div>
{* -- Конец содержимого -- *}

1.4. Вместо этого кода (268-281):

<div class="footer_bg"></div>
<div class="footer">

<p class="a-center">
<br />
<a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news&news={/if}"><span>{$smarty.const.ADMIN_NEWS}</span></a>
<a href="./{if $smarty.const.CONF_CHPU}about/{else}index.php?aux_page=aux1{/if}"><span>{$smarty.const.ADMIN_ABOUT_PAGE}</span></a>
<a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}"><span>{$smarty.const.STRING_CONTACT_INFORMATION}</span></a>
<a href="./{if $smarty.const.CONF_CHPU}sitemap/{else}index.php?sitemap{/if}"><span>{$smarty.const.ADMIN_SITE_MAP}</span></a>
<a href="./search_expanded/"><span>{$smarty.const.ADVANCED_SEARCH_LINK}</span></a>
</p>
<div class="foot1">Powered By <a href="http://legosp.net">Shop-Script Lego SP</a> &copy; {$smarty.now|date_format:"%Y"}</div>
<div class="foot2">{$live_counts}&nbsp;<a href="feed.xml" rel="nofollow"><img src="./images/rss.png" alt="RSS экспорт новых товаров" style="width: 31px; height: 31px" /></a>{if $smarty.session.access==3}&nbsp;<a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><img src="./images/w3c.png" alt="w3c valid" style="width: 31px; height: 31px" /></a>{/if}</div>
</div>

вставим этот:

{* -- Футер -- *}
<footer>
<div class="container">
<div class="tabbable tabs-below">
<div class="tab-content">
<ul class="nav nav-tabs">
<li><a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news&news={/if}"><span>{$smarty.const.ADMIN_NEWS}</span></a></li>
<li><a href="./{if $smarty.const.CONF_CHPU}about/{else}index.php?aux_page=aux1{/if}"><span>{$smarty.const.ADMIN_ABOUT_PAGE}</span></a></li>
<li><a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}"><span>{$smarty.const.STRING_CONTACT_INFORMATION}</span></a></li>
<li><a href="./{if $smarty.const.CONF_CHPU}sitemap/{else}index.php?sitemap{/if}"><span>{$smarty.const.ADMIN_SITE_MAP}</span></a></li>
<li><a href="./search_expanded/"><span>{$smarty.const.ADVANCED_SEARCH_LINK}</span></a>
</ul>
<p>{$live_counts}&nbsp;<a href="feed.xml" rel="nofollow"><img src="./images/rss.png" alt="RSS экспорт новых товаров" style="width: 31px; height: 31px" /></a></p>
<p>Powered By <a href="http://legosp.net">Shop-Script Lego SP</a> &copy; {$smarty.now|date_format:"%Y"}</p>
</div>
</div>
</div>
</footer>
{* -- Конец футера -- *}

На сегодня всё, следите за новостями.

2 Комментария

  1. Артем

    20.11.2014 at 09:45

    Спасибо, только разбираюсь в этой cms? пока даже не знаю к чему приведет переделка шаблона, но все равно спасибо, все подробно расписано!

  2. Уважаемые пользователи legoSP,нами создан новый прогрессивный движок сайта UnitCMS .Осталось всё что Вы так полюбили в Lego и добавилось много нового.Приглашаем опробовать

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика