促銷小部件項目組件用法
在鋰被子級別或在鋰被子中呈現的頁面“自定義內容”區域中,將組件添加到XML中的任何頁面部分。 必須包含參數。 沒有任何參數的實例將不會顯示。
<@component id =“ jmp.PromoWidgetItem”參數/>
促銷激活標籤
促銷被認為是無效的,並且直到文章標籤才會輪流顯示promo_active被分配給它。
組件實例級參數
這些配置是在XML級別進行的。 參數是可加的,所以標籤+標籤+前質將包括所有匹配的促銷任何包含的條款除了那些您使用排除參數。
列出多個參數值,即labels =“ label1,label2”每次刷新一次都會隨機旋轉一次,而不是使用Javascript。
參數
|
說明與範例
|
|---|
前質
|
顯示在此處輸入了鋰ID的廣告,即“ 134”。 可以是一個逗號分隔的列表,其中包含一個或多個廣告,每個頁面瀏覽量(刷新時)隨機旋轉。
<@component id =“ jmp.PromoWidgetItem” promoid =“ 134” />
<@component id =“ jmp.PromoWidgetItem” promoid =“ 134,718,401” />
|
標籤
|
使用此處列出的標籤(一個或多個,以逗號分隔)隨機顯示廣告。
<@component id =“ jmp.PromoWidgetItem” labels =“哥斯拉” />
<@component id =“ jmp.PromoWidgetItem” labels =“哥斯拉,超人” />
|
標籤
|
使用此處列出的標籤(一個或多個,以逗號分隔)隨機顯示廣告。
<@component id =“ jmp.PromoWidgetItem”標籤=“山羊” />
<@component id =“ jmp.PromoWidgetItem”標籤=“山羊,鳥類,母牛” />
|
開始
|
從此處輸入的日期開始顯示選定的廣告。 必須為YYYYMMDD格式。 如果未配置此選項,則廣告將在其他配置指示的情況下立即顯示。
<@component id =“ jmp.PromoWidgetItem” start =“ 20180214” />
|
結束
|
在此處輸入的日期之後,廣告將不會展示。 必須為YYYYMMDD格式。 如果未配置,則沒有結束日期。
<@component id =“ jmp.PromoWidgetItem” end =“ 20180315” />
|
排除
|
要從陣列中排除的鋰ID列表。 例如,您可能需要標籤“ humor”中的所有促銷,但排除ID“ 123”和“ 456”。
<@component id =“ jmp.PromoWidgetItem” labels =“ humor” exclude =“ 123,456” />
|
促銷項目級配置
這些配置是在促銷廣告級別的正文文本(和封面圖片,如果適用)中進行的。 分為部分,內容,按鈕,顏色,嵌入式圖像,背景圖像。
重要:粘貼時,請根據您的平台使用“以純文本格式粘貼”或“粘貼並匹配樣式”等。 如果您不小心覆蓋了輸入區域,只需單擊UNDO。 不在正確輸入區域中的內容將不會呈現。
內容
應該是純文字的。 這些中沒有HTML或其他樣式。
| 名稱 |
描述 |
默認 |
|---|
標題
|
一,最大文字 |
“文本”
|
副標題
|
二,較小的文字 |
“文本”
|
信息
|
正文,最小 |
“文本”
|
動作/按鈕
只能使用十六進制顏色值設置顏色,即#cc6600或CSS關鍵字透明。
| 名稱 |
描述 |
默認 |
|---|
鏈接
|
目標網址用戶點擊廣告後會轉到 |
"http://www.jmp.com"
|
按鈕文字
|
按鈕文字 |
“學到更多”
|
按鈕bg顏色
|
按鈕的主要顏色 |
#cc6600 (JMP橙色)
|
按鈕文字顏色
|
按鈕文字顏色 |
#ffffff (白色)
|
色彩
只能使用十六進制顏色值設置顏色,即#cc6600或CSS關鍵字透明。
| 名稱 |
描述 |
默認 |
|---|
文字顏色
|
標題,副標題和消息文本的顏色 |
#ffffff (白色)
|
背景顏色
|
促銷彩色背景。 (默認情況下,背景圖片的不透明度設置為30%,以通過它們顯示顏色)。 |
#cc6600 (JMP橙色)
|
邊框顏色
|
廣告邊框,以區別於廣告背景和頁面背景。 |
#dddddd (中灰)
|
背景圖
使用右側欄中的Lithium的封面照片設置背景圖像(如右圖所示)。 推薦的圖像尺寸為1900px x 500px,以便能夠在所有屏幕尺寸上正常顯示。
所選圖像將自動置於背景中,並且其不透明度默認設置為30%。
如果要更改背景圖像的顯示方式,請使用圖像的css不透明和位置屬性是可配置的:
| 名稱 |
描述 |
默認 |
|---|
圖像不透明度
|
0-100。 0為完全透明,僅顯示背景顏色,100為完全不透明,僅顯示背景圖像。 |
30
|
影像位置
|
CSS背景位置值,即“ left”,“ center”,“ right”和“ top”,“ center”,“ bottom”。 使用任何兩個,例如“ left top”。 應始終為x軸,然後為y軸,即“左上” |
中心中心
|
內嵌圖片
不推薦使用,但在某些情況下可能需要這樣做,例如左側的頭像等。
| 名稱 |
描述 |
默認 |
|---|
圖片
|
在所有文本之前或之後放置的圖像。 保持簡單(如果有的話)。 製作廣告時,請按照說明進行操作。 將光標放在照片字段中,然後使用文本面板中的照片按鈕。 |
空值
|
影像位置
|
圖像應該在文本之前(垂直)還是在文本之前或之後? 值是一次,之後,左,右,一次兩個。 |
離開前
|