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

Цена наезжает на кнопку "купить"


Recommended Posts

4 минуты назад, Wiwanw сказал:

Подскажите в каких файлах и что нужно исправить, чтобы цена не наезжала на кнопку "купить" ?

Версия ocStore 2.3.0.2.3

 

длин назв.JPG

 

В CSS...

Вам надо сократить длину наименования товара средствами CSS, либо "приподнять" область, где располагается это наименование.

Но по по картинкам такое делают только хироманты и футурологи, поэтому давайте ссылку и Вам тут, наверняка, помогут)

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


31 минуту назад, Wiwanw сказал:

Подскажите в каких файлах и что нужно исправить, чтобы цена не наезжала на кнопку "купить" ?

Версия ocStore 2.3.0.2.3

 

длин назв.JPG

а я себе подключил JS библиотеку. Она выравнивает все колонки (в пределах строки). в итоге все выглядит красиво. 
Посмотри - https://brm.io/jquery-match-height/

  • +1 2
Надіслати
Поділитися на інших сайтах


Не знаю точно какой файл в модуле похожих товаров отвечает за вывод этих данных. Но вроде этот. Посмотрите код.

 

<h3><?php echo $heading_title; ?></h3>
<div class="row">
  <?php foreach ($products as $product) { ?>
  <div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">
    <div class="product-thumb transition">
      <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div>
      <div class="caption">
        <h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>
        <p><?php //echo $product['description']; ?></p>
        <?php if ($product['rating']) { ?>
        <div class="rating">
          <?php for ($i = 1; $i <= 5; $i++) { ?>
          <?php if ($product['rating'] < $i) { ?>
          <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
          <?php } else { ?>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>
          <?php } ?>
          <?php } ?>
        </div>
        <?php } ?>
        <?php if ($product['price']) { ?>
        <p class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-new"><?php echo $product['special']; ?></span> <span class="price-old"><?php echo $product['price']; ?></span>
          <?php } ?>
          <?php if ($product['tax']) { ?>
          <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
          <?php } ?>
        </p>
        <?php } ?>
      </div>
      <div class="button-group">
        <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
        <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
        <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
      </div>
    </div>
  </div>
  <?php } ?>
<style>
  .product-thumb .caption {
    min-height: 80px;
}
</style>
</div>

 

 

Вот где видна проблема.

https://100form.by/pigmenty-i-krasiteli/pasta-pigmentnaya-chernaya-4195.html

 

 

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


В файлах стилей Вашей темы (если нет в настройках в админке у темы кастомной вставки для CSS) /public_html/catalog/view/theme/ТЕМА/stylesheet/stylesheet.css в самом конце поставьте .product-thumb .caption {min-height: 110px;}

 

UPD А у Вас Революшн, в настройках темы посмотрите есть окно для вствки своего кода.

 

Змінено користувачем specialforce22
  • +1 1
Надіслати
Поділитися на інших сайтах


Всё справился. Как раз в том коде, что я скидывал выше поменял как и говорил specialforce22  (за что огромное спасибо)

  

 

product-thumb .caption {
    min-height: 80px;
}

 

на

 

 .product-thumb .caption {
    min-height: 110px;

 

Посмотрел куда этот файл загружается при установке модуля.

 

Всех благодарю за участие! Вопрос закрыт.

 

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


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

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

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

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

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

Вхід

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

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

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

Important Information

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