Перейти к содержанию
startkomp

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

Рекомендуемые сообщения

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

<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 {

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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;

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

в slylesheet.css

 

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

 

Изменено пользователем startkomp

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.