如何添加選項(xiàng)卡模塊？

發(fā)布時(shí)間:2017-03-06 09:55:27   瀏覽人數(shù): 27374 次  

如需要實(shí)現(xiàn)多個(gè)標(biāo)簽下有不同的內(nèi)容，都在同一個(gè)頁(yè)面選中切換，可使用選項(xiàng)卡模塊制作。進(jìn)入網(wǎng)站編輯狀態(tài)打開(kāi)左側(cè)工具欄的【+】，選擇選項(xiàng)卡，選擇適合的樣式風(fēng)格，拖動(dòng)到指定位置，并調(diào)整好模塊的位置、大小，如下圖： 

設(shè)置選項(xiàng)卡的常規(guī)參數(shù)，如選項(xiàng)名稱(chēng)、標(biāo)簽顯示樣式、對(duì)齊方式、切換方式，以及標(biāo)簽樣式等屬性，如下圖：

進(jìn)入樣式設(shè)置面板，可以設(shè)置箭頭的顏色，標(biāo)簽?zāi)�認(rèn)顏色，選中標(biāo)簽顏色，如下圖：

選中標(biāo)簽，點(diǎn)擊左側(cè)工具欄【+】，為標(biāo)簽添加對(duì)應(yīng)的內(nèi)容模塊，如下圖：

進(jìn)入平板/手機(jī)端將選項(xiàng)卡的位置、字號(hào)大小、標(biāo)簽里面的模塊的兼容適配分別調(diào)整好，（建議先調(diào)整好1個(gè)選項(xiàng)標(biāo)簽的內(nèi)容適配和兼容，后續(xù)的標(biāo)簽可快速?gòu)?fù)制樣式，再直接修改替換模塊中的內(nèi)容）如下圖：

重新回到電腦端，選擇復(fù)制剛才制作好的選項(xiàng)，復(fù)制好后替換和修改選項(xiàng)中的圖片、文案等，（無(wú)需再單獨(dú)調(diào)整兼容適配）如下圖）：

如果編輯選項(xiàng)卡時(shí)無(wú)法通過(guò)標(biāo)簽和切換箭頭來(lái)切換選項(xiàng)卡容器，可通過(guò)點(diǎn)擊常規(guī)面板--參數(shù)設(shè)置下對(duì)應(yīng)標(biāo)簽最右側(cè)分組圖標(biāo)進(jìn)行切換，如下圖：

注意事項(xiàng)：

1、選項(xiàng)卡常規(guī)屬性設(shè)置不支持電腦/平板/手機(jī)單獨(dú)設(shè)置，任意一端設(shè)置后會(huì)相互同步相互影響；

2、選項(xiàng)卡不支持添加容器模塊，包括自由容器、表單容器、選項(xiàng)卡模塊等 ；

3、建議先添加好1個(gè)選項(xiàng)標(biāo)簽的內(nèi)容并且完成平板/手機(jī)端的適配，以方便后續(xù)可快速?gòu)?fù)制整個(gè)標(biāo)簽的樣式，復(fù)制后只需要進(jìn)行圖片文案內(nèi)容的替換，無(wú)需再每個(gè)標(biāo)簽調(diào)整兼容。