Создать виджет в виде карты с опцией «Подробнее»

Простые шаги

Настройки виджета

1. Создать виджет -> RSS
2. URL фида ->
3. Общий -> Ширина -> Отзывчивый/в пикселях -> Responsive
4. Общий -> Стиль -> Card
5. Общий -> Высота -> Изображение -> 300
6. Общий -> Высота -> Сообщения -> 1
7. Общий -> Прокрутить -> ON
8. Общий -> Прокрутка -> Стрелка навигации -> ON
9. Общий -> Прокрутка -> Автопрокрутка -> ON
10. Общий -> Прокрутка -> Скорость прокрутки-> 4
11. Общий -> Стиль -> Масштаб изображения-> Fits the Shortest side
12. Общий -> Дополнительные настройки -> Пользовательская ссылка CSS -> Показать пользовательский css

    Note: Copy CSS from below, paste into your CSS file [your-file-name.css] , make changes as per your need and upload to your server or in Dropbox [ Check How to host CSS on Dropbox Click here], copy the complete CSS path [e.g. http//example.com/css/your-file.css] and paste in "Custom CSS Link" field in Feedwind setting.
    
    
    /* Copy CSS from here  */
    
    .fw-feed-item-content-module {
      padding: 20px !important;
    }
    
    .fw-feed-item-title {
      font-weight: bold;
      padding-bottom: 10px !important;
    }
    
    span.fw-feed-item-more-link {
      display: block;
      padding: 10px;
      margin: 10px 0 0 0;
      background: #ff8f00;
      border-radius: 25px;
      width: 120px;
      text-align: center;
      letter-spacing: 1px;
      color: white;
    }
    
    .fw-feed-item-date {
      margin: 20px 0 0 0 !important;
    }
    
    /* CSS Ends Here  */
    

13. Название фида -> Пользовательские -> OFF
14. Контент фида -> Показать “Подробнее” -> ON
15. Контент фида -> Размер -> Название товара -> 16
16. Контент фида -> Размер -> Жирный -> OFF
17. Контент фида -> Размер -> Содержание -> 14
18. Контент фида -> Цвета -> Шрифт заголовка -> #000000
19. Контент фида -> Цвета -> Шрифт содержимого -> #505659
20. Контент фида -> Цвета -> Фон -> #FFFFFF
21. Контент фида -> Расширенные настройки -> Время/Дата -> ON
22. Контент фида -> Расширенные настройки -> Время/Дата -> [12] [#505659]

Остальное оставить по умолчанию

Source link