1

我需要一些关于添加到我的 magento 网站上的购物车和其他按钮的帮助。

http://www.siameyewear.com/ray-ban-rb3025-112-69-aviator-large-metal.html

如你看到的。这对我来说看起来太简单了。我创建了一个新的 CSS 按钮。但问题是我不知道如何用我的主题来改变它。我已经要求主题支持提供帮助。但他们不支持定制。

.classname {
    -moz-box-shadow:inset 0px 2px 0px 0px #ffeac7;
    -webkit-box-shadow:inset 0px 2px 0px 0px #ffeac7;
    box-shadow:inset 0px 2px 0px 0px #ffeac7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #f7a413) );
    background:-moz-linear-gradient( center top, #ffce79 5%, #f7a413 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#f7a413');
    background-color:#ffce79;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    border-bottom-left-radius:10px;
    text-indent:-2.62px;
    border:2px solid #919191;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:22px;     
    font-weight:bold;
    font-style:normal;
    height:62px;
    line-height:62px;   
    width:143px;
    text-decoration:none;
    text-align:center;  
    text-shadow:0px 3px 0px #e8ad54; 
}
.classname:hover {  
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7a413), color-stop(1, #ffce79) );
    background:-moz-linear-gradient( center top, #f7a413 5%, #ffce79 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a413', endColorstr='#ffce79');  
    background-color:#f7a413;
}
.classname:active {     
    position:relative;
    top:1px; 
}

请让我知道我必须在哪里粘贴此代码才能使其正常工作。太感谢了

4

1 回答 1

1

通常，当您更改按钮时，您要么更改给定的类名，要么复制类名并从那里设置样式。

您的添加到购物车是围绕包含文本的跨度而不是实际按钮构建的。

您可以使用以下内容设置跨度样式：.btn-cart span span

关于您的问题，我在您帖子的底部。您可以通过删除当前样式来覆盖主题样式，然后创建自己的样式 - 请记住使用“btn-cart”类。这意味着，您可以将提供的 CSS 中的“.classname”更改为“.btn-cart”，但是您可能需要查看 .btn-cart 的当前样式，尤其是 .btn-cart 跨度样式. 您可以将代码粘贴到其中一张包含的 CSS 表中（检查您的 page.xml）。样式表放在 /skin/frontend/x/x/css/

如果要更改“添加到购物车”按钮的布局，请转到 ....../template/catalog/product/view.phtml。从这里，您可以更改您的按钮。请记住，可能有多个地方显示“添加到购物车”按钮。

于 2013-09-28T12:09:44.083 回答