【樣式表】

【樣式表】

【版面管理】 ---> 【版面區塊設定】 ---> 【 商品幻燈秀 】--->【樣式表】

商品幻燈秀左欄呈現位置修改

現於左欄時的設定【樣式表】方式位於左欄的排序位置可依您的喜好自定

 

預設為180px的長度

/***** Vertical *****/     ----> 垂直型欄位修改區(左欄、右欄)

height:180px;  ----->   幻燈秀外框長度180px(預設值)

left:-18px;  ----->   文字呈現區域距離外框的空間大小 

bottom:-40px;   ----->   文字呈現區域距離圖片的空間大小,指的是離下方外框線的距離預設是-40px,數值越大離下框線越近,有可                      能在調整時會跳出線框外但那都無所謂只要調整到你要的距離就行。

 

【 商品幻燈秀 】商品幻燈秀左欄呈現位置修改

 

/***** Vertical *****/

.showcase {}

.showcase .middle .slider {position:relative;height:180px;}

.showcase .middle .slider .sliderContent {position:absolute;top:0;margin:0 0 20px 10px;}

.showcase .middle .slider .sliderContent .clear {clear:both;}

.showcase .middle .slider .sliderContent .sliderImage {position:relative;display:none;}

.showcase .middle .slider .sliderContent .sliderImage img.border, .showcase .middle .slider .sliderContent .sliderImage OBJECT.border {border:0;margin:5px auto;}

.showcase .middle .slider .sliderContent .sliderImage span {position:absolute;left:-18px;padding:5px;width:155px;background:#000;filter:alpha(opacity=70);opacity:0.7;border-radius:5px;color:#fff;bottom:-40px;}

 

 

  • *若要恢復預設樣式表設定時,請清空底下表格的內容,然後儲存即可。
  • 建議您將修改過的內容,複製一份到您的電腦,以便日後做為回復之用。
  •  

 

樣式表

 

樣式表

WebDiY 網路開店 GO! 系統