Version 5.1.5

{ openzc:topbar }

topbar:站点语言&货币列表切换调用

货币字段名称 说明
[field:currencies_id/]货币ID
[field:title/]货币名称
[field:code/]货币代码
[field:symbol_left/]货币左符号
[field:symbol_right/]货币右符号
[field:status/]当前选择的货币状态
[field:link/]货币链接
语言字段名称 说明
[field:languages_id/]语言ID
[field:title/]语言名称
[field:code/]语言代码
[field:image/]语言代表图片
[field:status/]当前选择的语言状态
[field:link/]语言链接
参数名称 参数值 说明
itemcurrency | language货币 | 语言
topbar 代码演示

topbar 有两个项目:language(语言切换) & currency(货币切换)

表单方式
链接方式

          
<!-------------------表单式切换------------------->
<div class="row">
	<h5 class="col-12">表单方式</h5>
	<div class="col-12 col-md-6 col-lg-6">
		<select class="custom-select" name="languages">
		{openzc:topbar item="language"}
			<option value="[field:link/]" {openzc:if $field['status']=="active"}selected=""{/openzc:if}>[field:title/]</option>
		{/openzc:topbar}
		</select>
	</div>
	<div class="col-12 col-md-6 col-lg-6">
		<select class="custom-select" name="currency">
		{openzc:topbar item="currency"}
			<option value="[field:link/]" {openzc:if $field['status']=="active"}selected=""{/openzc:if}>[field:title/]</option>
		{/openzc:topbar}
		</select>
	</div>
</div>
<!-------------------表单式切换------------------->

<!-------------------链接式切换------------------->
<div class="row">
	<h5 class="col-12 mg-t-15">链接方式</h5>
	<div class="col-12 col-md-6 col-lg-6 d-flex">
		<div class="dropdown">
            <button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Language Menu
            </button>
            <div class="dropdown-menu tx-14" aria-labelledby="dropdownMenuButton1">
             	{openzc:topbar item="language"}
             	<a class="dropdown-item" href="[field:link/]">[field:title/]</a>
             	{/openzc:topbar}
            </div>
		</div>
        <div class="dropdown mg-l-5">
            <button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              	Currency Menu
            </button>
            <div class="dropdown-menu tx-14" aria-labelledby="dropdownMenuButton2">
              	{openzc:topbar item="currency"}
             	<a class="dropdown-item" href="[field:link/]">[field:title/]</a>
             	{/openzc:topbar}
            </div>
          </div>
	</div>
</div>
<!-------------------链接式切换------------------->