tootips在送貨地址在結帳頁面前端Magento的1.9

Question

如何添加tootips在送貨地址在結帳頁面前端Magento的1.9 EX：工具提示將表示該申請是對誰正在接受花

人

Answer 1

這裏是我們如何可以使用CSS顯示結賬頁上的工具提示

實施例：

Step-1 : open file app\design\frontend\rwd\default\template\checkout\onepage\shipping.phtml and paste css 
<style> 
.tooltip { 
    position: relative; 
    display: inline-block; 
    border-bottom: 1px dotted black; 
} 

.tooltip .tooltiptext { 
    visibility: hidden; 
    width: 120px; 
    background-color: #555; 
    color: #fff; 
    text-align: center; 
    border-radius: 6px; 
    padding: 5px 0; 
    position: absolute; 
    z-index: 1; 
    bottom: 125%; 
    left: 50%; 
    margin-left: -60px; 
    opacity: 0; 
    transition: opacity 1s; 
} 

.tooltip .tooltiptext::after { 
    content: ""; 
    position: absolute; 
    top: 100%; 
    left: 50%; 
    margin-left: -5px; 
    border-width: 5px; 
    border-style: solid; 
    border-color: #555 transparent transparent transparent; 
} 

.tooltip:hover .tooltiptext { 
    visibility: visible; 
    opacity: 1; 
} 
</style> 

步驟2：發現

<label for="shipping:company"><?php echo $this->__('Company') ?></label> 

與

<label class="tooltip" for="shipping:company"><span class="tooltiptext">Tooltip text</span><?php echo $this->__('Company') ?></label>