[Решено] Можно ли как то поменять <button> на <a> на кнопке купить, с сохранением всех функций

[startkomp]

В общем задача такова:

При оптимизации сайта под запрос, появилась необходимость увеличить количество слов "Купить" в 2 раза (так требует топ 10 выдачи), но поисковик не учитывает слово купить в теге <button>(тоесть стандартная кнопка купить или в корзину).Я менял в коде конечно же <button> тег на <a> но в итоге кнопка становиться не кнопка а просто ссылка. 

Так же у меня выводиться краткое описание товаров в категории, можно и туда добавить слово купить, но редактировать кучу текстов не айс.

Прошу помощи у знающих. Заранее Спасибо!

[likesmartass]

В шаблоне категории кнопку меня на:

 

<a href="#" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>'); return false;"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></a>

 

в css найди строку: .product-thumb .button-group button {

и замени на: 

 

.product-thumb .button-group button,

.product-thumb .button-group a {

[startkomp]

38 минут назад, likesmartass сказал:

В шаблоне категории кнопку меня на:

 

<a href="#" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>'); return false;"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></a>

 

в css найди строку: .product-thumb .button-group button {

и замени на: 

 

.product-thumb .button-group button,

.product-thumb .button-group a {

С заменой на <a> вышло,а вот со стилями что то не пойму ни как, вот эти стили в stylesheet.css

Спойлер

.product-thumb .button-group,
.owl-item .button-group {
    margin-top: 10px;
    text-align: center;
}
.owl-item .button-group {
    margin-top: 28px;
}
.product-thumb .divshadow .button-group {
    margin: 32px 0 5px;
}
.product-thumb .button-group:hover,
.owl-item .button-group:hover {
    position: relative:
    top: 1px;
}
.product-list .product-thumb .button-group {
    
}
@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}
.product-thumb .button-group button,
.owl-item .button-group button {
    /* background: url("../image/button-cart.png") no-repeat scroll 6px -5px; */
       border: 0 none;
    font-size: 19px;
    padding: 10px 10px 10px 8px;
    text-transform: uppercase;
    width: 231px;
    background: #fce15d;
    line-height: 28px;
    color: #000;
}
.button-group button:hover {
    /* background: url("../image/button-cart.png") no-repeat scroll 6px -5px; */
       border: 0 none;
    font-size: 19px;
    padding: 10px 10px 10px 8px;
    text-transform: uppercase;
    width: 231px;
    background: #fff4be;
    line-height: 28px;
    color: #000;
}
.product-thumb .button-group button + button,
.owl-item .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
    text-decoration: none;
    cursor: pointer;
    margin-top: 1px;

У меня не совсем стандартный шаблон, поэтому не уточните что именно надо поменять?

[startkomp]

Разобрался спасибо! добавил отдельно 

.product-thumb .button-group a {background: #fce15d;
    padding: 14px 70px 15px 70px;}

в slylesheet.css

 

Можно закрывать

 

Змінено 8 жовтня 2018 користувачем startkomp