Skip to content

Hướng dẫn nâng cấp giao diện tương thích từ NukeViet RC2 lên NukeViet RC3

Phan Tan Dung edited this page Apr 29, 2016 · 3 revisions

Thay đổi giao diện do jquery.ui đã bố trí lại các file

Tìm kiếm các đoạn liên quan đến js/ui/jquery.ui. để thay thế lại đường dẫn:

Ví dụ

<link rel="stylesheet" type="text/css"
href="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/ui/jquery.ui.core.css">
<link rel="stylesheet" type="text/css"
href="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/ui/jquery.ui.theme.css">
<link rel="stylesheet" type="text/css"
href="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/ui/jquery.ui.datepicker.css">

Thay bằng:

<link rel="stylesheet" type="text/css"
href="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/jquery-ui/jquery-ui.min.css">

Tìm các đoạn:

<script type="text/javascript"
src="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/ui/jquery.ui.core.min.js"></script>
<script type="text/javascript"
src="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/ui/jquery.ui.datepicker.min.js"></script>

Thay bằng

<script type="text/javascript"
src="{NV_BASE_SITEURL}{NV_ASSETS_DIR}/js/jquery-ui/jquery-ui.min.js"></script>

Cập nhật giao diện module contact

Nếu giao diện của bạn có thư mục themes\ten-theme\modules\contact. Mở themes\ten-theme\modules\contact\sendcontact.tpl Xóa

<a href="{URL_VIEW}" title="" target="_blank">{LANG.view_website}</a>

Cập nhật giao diện module news

Nếu giao diện của bạn có thư mục themes\ten-theme\modules\news thì trong thư mục đó Mở content.tpl Tìm

<em class="fa fa-refresh pull-right" style="cursor: pointer; vertical-align: middle; margin: 9px 0 0 4px" onclick="get_alias();" alt="Click">&nbsp;</em>

Trong đó thay get_alias(); thành get_alias('{OP}');

Mở viewcat_main_bottom.tpl Tìm

		<div class="panel-body">
			<!-- BEGIN: image -->
			<a href="{CONTENT.link}" title="{CONTENT.title}"><img alt="{HOMEIMGALT}" src="{HOMEIMG}" width="{IMGWIDTH}" class="img-thumbnail pull-left imghome" /></a>
			<!-- END: image -->

Thêm lên trên

		<!-- BEGIN: block_topcat -->
		<div class="block-top clear">
			{BLOCK_TOPCAT}
		</div>
		<!-- END: block_topcat -->

Mở viewcat_main_left.tpl

Tìm

		<div class="panel-body">
			<div class="row">
				<!-- BEGIN: related -->
				<div class="col-md-8">

Thêm lên trên

		<!-- BEGIN: block_topcat -->
		<div class="block-top clear">
			{BLOCK_TOPCAT}
		</div>
		<!-- END: block_topcat -->

Mở viewcat_main_right.tpl

Tìm

		<div class="panel-body">
			<div class="row">
				<div class="{WCT}">
					<!-- BEGIN: image -->
					<a title="{CONTENT.title}" href="{CONTENT.link}"><img src="{HOMEIMG}" alt="{HOMEIMGALT}" width="{IMGWIDTH}" class="img-thumbnail pull-left imghome" /></a>

Thêm lên trên

		<!-- BEGIN: block_topcat -->
		<div class="block-top clear">
			{BLOCK_TOPCAT}
		</div>
		<!-- END: block_topcat -->

Cập nhật giao diện module users

Nếu giao diện của bạn có thư mục themes\ten-theme\modules\users cần đối chiếu block block.login.tpl để cập nhật vì block này có nhiều thay đổi lớn Mở themes\ten-theme\modules\users\login_form.tpl

Tìm

<!-- BEGIN: openid -->

Thêm lên trên

        <!-- BEGIN: allowuserreg2_form -->
        <div class="form-group">
            <div class="text-right clearfix">
                <a href="#" onclick="modalShowByObj('#guestReg_{BLOCKID}')">{GLANG.register}</a>
            </div>
        </div>
        <!-- END: allowuserreg2_form -->
        
        <!-- BEGIN: allowuserreg_linkform -->
        <div class="form-group">
            <div class="text-right clearfix">
                <a href="{USER_REGISTER}">{GLANG.register}</a>
            </div>
        </div>
        <!-- END: allowuserreg_linkform -->

Mở themes\ten-theme\modules\users\register_form.tpl

Tìm

                <input type="text" class="required form-control" placeholder="{LANG.account}" value="" name="username" maxlength="{NICK_MAXLENGTH}" data-pattern="/^(.){{NICK_MINLENGTH},{NICK_MAXLENGTH}}$/" onkeypress="validErrorHidden(this);" data-mess="{GLANG.username_empty}">

Trong đó thay data-mess="{GLANG.username_empty}" thành data-mess="{USERNAME_RULE}"

Tìm

                <input type="password" class="password required form-control" placeholder="{LANG.password}" value="" name="password" maxlength="{PASS_MAXLENGTH}" data-pattern="/^(.){{PASS_MINLENGTH},{PASS_MAXLENGTH}}$/" onkeypress="validErrorHidden(this);" data-mess="{GLANG.password_empty}">

Trong đó thay data-mess="{GLANG.password_empty}" thành data-mess="{PASSWORD_RULE}"

Xóa file thừa

Xóa file /themes/my_theme/system/dump.tpl nếu giao diện của bạn có

Clone this wiki locally