Я хочу изменить элемент данных на строку в мобильном представлении с помощью скрипта jquery - PullRequest
Новая
       66

Я хочу изменить элемент данных на строку в мобильном представлении с помощью скрипта jquery

0 голосов
/ 03 ноября 2019

Я использую квадратное пространство для разработки сайта. В настоящее время в шаблоне по умолчанию для квадратного пространства для каждого элемента данных установлено значение 3. См. Приведенный ниже снимок экрана кода, помеченного красным.

enter image description here

Место, где вы видите "data-item-per-row =" 3 "" Я хочу, чтобы это было изменено на "" data-item-per-row = "1" ", просто для мобильного просмотра с использованием скрипта jquery, есливозможно?

1 Ответ

0 голосов
/ 03 ноября 2019

Как оказалось, JavaScript / JQuery не нужны для создания единого столбца продуктов на мобильных устройствах. На самом деле, если вы обновите значение этого атрибута данных, но больше ничего не сделаете, это не будет иметь никакого эффекта. Вам также придется повторно инициализировать сетку продукта, которая может оказаться излишне трудоемкой.

Вместо этого просто используйте CSS, вставленный через Пользовательский CSS : 

@media only screen and (max-width: 640px) {
  .ProductList-item {
    width: 100% !important;
  }
}

Значение 640px является «мобильной» точкой останова по умолчанию для шаблонов Squarespace на основе рассола , что вполне может быть тем, что вы используете. Вы можете настроить это значение в CSS выше по своему вкусу.

...