Shopify добавляет класс .text-link к кнопке, когда .btn определяется только классом - PullRequest
Новая
       4

Shopify добавляет класс .text-link к кнопке, когда .btn определяется только классом

0 голосов
/ 08 февраля 2020

При настройке страницы Shopify я добавил динамическую кнопку c с классом только 

{% if section.settings.button_label != blank and section.settings.button_link != blank %}
         <a href="{{ section.settings.button_link }}" class="btn">
           {{ section.settings.button_label | escape }}
         </a>
{% endif %}

Однако, когда страница загружается, она теперь добавил .text-link к моим классам кнопок, переопределяя стилизацию кнопки. 

    a.btn.text-link {
      -webkit-appearance: none;
    background-color: #2c2d36;
    background-image: none;
    border: 1px solid transparent;
    border-bottom: 1px solid #2c2d36;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Futura,sans-serif;
    font-size: .8125em;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.42;
    margin: 0;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .4s ease-out;
    user-select: none;
    vertical-align: middle;
    white-space: normal;
    width: auto;
    }

У любого есть чувство, где я должен искать, чтобы не допустить добавления к мой единственный класс?

Ссылка: https://shop.creekretreat.com/pages/services (группа кнопок в первом разделе изображения / текста)

Заранее большое спасибо.

К

1 Ответ

0 голосов
/ 08 февраля 2020

В вашей теме есть функция JS. js, которая делает это: 

theme.styleTextLinks = function() {
  $('.rte').find('a:not(:has(img))').addClass('text-link');
};

Эта функция вызывается в методе theme.init: 

theme.init = function() {
  theme.initCache();
  theme.setBreakpoints();
  theme.fitNav();
  theme.cartInit();
  theme.afterCartLoad();
  theme.checkoutIndicator();
  theme.returnLink();
  theme.styleTextLinks(); <----- here
  ......

Вам нужно будет обновить JS в соответствии с вашими потребностями или удалить все логи c все вместе.

...