Kann ich den Button einfach gegen einen HTML-Button mit Mouseover Effekt ersetzen? Wenn ja, wo muss ich das anpassen?
viele Grüße
Du meinst wahrscheinlich gegen CSS-Button ersetzen, wenn ja gehe wie folgt vor.
1.
In templates/xtc5/boxes/box_best_sellers.html
ersetze
{$box_data.PRODUCTS_BUTTON_BUY_NOW}
durch
{$box_data.PRODUCTS_BUTTON_BUY_NOW|replace:'<a':'<a class="buy-btn-box-best-sellers"'|regex_replace:'/<img(.*)\/>/':$smarty.const.IMAGE_BUTTON_IN_CART}
2.
In templates/xtc5/stylesheet.css
am Ende folgendes einfügen
body .buy-btn-box-best-sellers {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
font-family: Arial;
color: #ffffff;
font-size: 14px;
padding: 5px 10px 5px 10px;
text-decoration: none;
display: inline-block;
}
body .buy-btn-box-best-sellers:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
Obiges CSS ist nur ein Beispiel, Du kannst natürlich auch eigenes CSS generieren.
CSS-Buttons generieren ->
hierGruss
Hanspeter