Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Изменил назначение кнопки "Купить", кнопка работает не вся


smile987

Recommended Posts

Нашел здесь на форуме тему как менять кнопку купить на ссылку стороннего сайта https://opencartforum.com/topic/24889-%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%B8%D1%82%D0%B5-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%BF%D0%B5%D1%80%D0%B5%D1%85%D0%BE%D0%B4-%D0%BD%D0%B0-%D1%81%D1%82%D0%BE%D1%80%D0%BE%D0%BD%D0%BD%D0%B8%D0%B9-%D1%81%D0%B0%D0%B9%D1%82-%D0%BF%D0%BE%D1%81/
Сделал все как там, кнопка работает, но нажимать нужно на само слово купить, если нажмешь просто на кнопку ничего не будет, можно ли сделать чтобы кнопка была активна полностью, а не только само слово "купить"? И еще не могу сделать текст по середине, помогите.

Надіслати
Поділитися на інших сайтах


В стили мы добавили:

.bottom_reverse - отвечает за кнопку

.bottom_reverse a - отвечает за надпись на ней (эта надпись и работает как ссылка)

<div class="bottom_reverse"><a href="<?php echo $location; ?>"><?php echo $button_cart; ?></a></div>

я не понимаю что тут нужно изменить, если и так стоит "bottom_reverse"

 

Надіслати
Поділитися на інших сайтах


Сейчас у вас:



.bottom_reverse {
   ...
   margin: 8px 0px 0px 0px;
   padding: 6px 12px 6px 12px;
   ...
}
   .bottom_reverse a {
      ...
      padding: 16px 0px 0px 17px;
      margin: 0px 0px 0px 0px;
      ...
   }

Сделайте:



.bottom_reverse {
   ...
   display: block;
   padding: 0px 0px 0px 0px;
   width: 79px;
   ...
}
   .bottom_reverse a {
      ...
      display: inline-block;
      padding: 6px 20px;
      ...
   }
Змінено користувачем destreser
  • +1 1
Надіслати
Поділитися на інших сайтах


 

Сейчас у вас:



.bottom_reverse {
   ...
   margin: 8px 0px 0px 0px;
   padding: 6px 12px 6px 12px;
   ...
}
   .bottom_reverse a {
      ...
      padding: 16px 0px 0px 17px;
      margin: 0px 0px 0px 0px;
      ...
   }

Сделайте:



.bottom_reverse {
   ...
   display: block;
   padding: 0px 0px 0px 0px;
   width: 79px;
   ...
}
   .bottom_reverse a {
      ...
      display: inline-block;
      padding: 6px 20px;
      ...
   }

Спасибо огромное!

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.