【自融入模版】怎样应用商品归类控制模块?



本文內容构造以下图



1、应用“商品归类”控制模块能完成的实际效果


点一下“商品归类”控制模块,就可以对相应归类的商品开展挑选。(以下图,左边为“商品归类”,右边为“商品挑选”控制模块,点一下左边的“平常保洁”归类,右边就会挑选出属于“平常保洁”归类下的全部商品。)



2、怎样加上“商品归类”控制模块?


2.1、进到网站制作网页页面后,点一下网页页面左边的“控制模块”按钮,加上“商品归类”控制模块至主页(或是别的你想加上这个控制模块的网页页面),以下图。


2.2、把电脑鼠标悬停在“商品归类”控制模块地区,随后点一下“编写控制模块”,把“商品归类”控制模块的自动跳转方法设定为“当今对话框”。


2.3、把电脑鼠标悬停在通栏地区,点一下通栏右上角“编写通栏”按钮,加上1个新的列,随后调剂左侧“商品归类”所属列为适合宽度;随后撤出编写。


2.4、在右侧的列中加上“商品展现”控制模块,可挑选“立即加上”商品或应用“挑选标准”加上商品。


2.5、点一下“商品归类”控制模块中的随意1个归类,进到“商品挑选”页。把电脑鼠标悬停在通栏地区,点一下“打开列”按钮,随后在左侧的列中加上“商品归类”控制模块,并把“商品归类”控制模块的自动跳转方法设定为“当今对话框”。到这1步,就可以完成点一下“点一下左边的商品归类,右侧挑选出对应归类商品”的实际效果。



3、怎样编写“商品归类”控制模块?


电脑上主视图下的商品归类控制模块的编写项1共有6个,各自是“归类挑选”、“控制模块款式”、“文本设定”、“自动跳转设定”、“题目栏”、“间隔”。(下图左)

手机上主视图下的商品归类控制模块的编写项1共有3个,各自是“文本设定”、“题目栏”、“间隔”。(下图右)

   


接下来将各自详细介绍电脑上主视图和手机上主视图下,“商品归类”控制模块的各个编写项。(下图为此一部分的內容构造)


3.1、电脑上主视图

3.1.1、归类挑选

假如你还未给商品设定归类,请看连接实例教程:【自融入模版】怎样给商品加上归类

假如你已给商品设定归类,可在加上“商品归类”控制模块后挑选“商品归类”控制模块中展现的商品归类为“所有”归类(下图1)或“特定”归类(下图2)。


3.1.2、控制模块款式

现阶段适用两类型型的控制模块款式,1种为横向展现(下图1),另外一种为纵向展现(下图2)。


3.1.3、文本设定

文本:可自定字体样式(默认设置是微软雅黑)、电脑鼠标未悬停在文本上时的文本色调(默认设置是黑色)、电脑鼠标悬停在文本上时的文本色调(默认设置是网站主题色)。

行高:可自定每写作字与文本之间的间距。

切分线:当“控制模块款式”处挑选了“横向款式”时才显示信息此设定项。切分线的色调、宽度、款式可编写。


3.1.4、自动跳转设定

可设定电脑鼠标点一下“商品归类”控制模块时的自动跳转方法为“新对话框”或“当今对话框”,这个看本人要求。


3.1.5、题目栏

默认设置是掩藏题目栏,当撤销勾选“掩藏”后,可自定题目文本、题目文本款式、题目栏高宽比、题目栏情况。


3.1.6、间隔

可根据改动“商品归类”控制模块的外间隔,调剂“商品归类”控制模块与通栏內容区界限之间的间距。


3.2、手机上主视图

3.2.1、文本设定

文本:可自定字体样式(默认设置是微软雅黑)、电脑鼠标未悬停在文本上时的文本色调(默认设置是黑色)、电脑鼠标悬停在文本上时的文本色调(默认设置是网站主题色)。

行高:可自定每写作字与文本之间的间距。

切分线:可自定切分线的色调、宽度、款式。


3.2.2、题目栏

适用显示信息或掩藏题目栏,和自定题目栏文本、高宽比、情况。详尽实际操作方式请点一下连接查询 https://jz.fkw.com/blog/12599


3.2.3、间隔

根据改动控制模块的外间隔,可调剂控制模块与通栏內容界限之间的间距。详尽实际操作方式请点一下连接查询 https://jz.fkw.com/blog/12599



4、怎样编写“商品挑选”控制模块?


点一下“商品归类”控制模块中的随意归类后,会全自动自动跳转至“商品挑选”页。将电脑鼠标悬停在“商品挑选”控制模块上,控制模块右上角会显示信息“编写控制模块”的按钮。

电脑上主视图下,编写项分成“基本”和“主要参数”。(下图左)

手机上主视图下,编写项分成“题目栏”和“间隔”。(下图右)

 


点一下连接 https://jz.fkw.com/blog/12601 查询电脑上主视图和手机上主视图下,“商品挑选”控制模块的各个编写项怎样设定。

相关阅读