Как добавить внешние ссылки в схему Shopify?

Я пробовал использовать "type": "url:". и, видимо, это работает только для коллекций. Я хочу сделать динамическую внешнюю ссылку. Пробовал ввод текста. Почему это одно задание не легко сделать?

 <a class="section-tiktok__card" href="{{block.settings.url}}">
            <img src="{{ 'tik-play-btn.svg' | asset_url }}" alt="play video">
        </a> 


{% schema %}
    {
    "name": "TikTok Feed",
    "presets": [{
        "name": "TikTok Section"
    }],

    "blocks": [{
        "type": "html",
        "limit": 5,
        "name": "TikTok and Instagram Feed",
        "settings": [
            {
                "type": "image_picker",
                "id": "tiktok_bg",
                "label": "Image Background"
            },
            {
                "type": "url",
                "id": "tiktok_url",
                "label": "Tiktok or Instagram URL"
            }
        ]
    }]
}


{% endschema %}```

Почему у вас сложилось впечатление, что URL ограничен только коллекциями? Это не так. Вы видите ошибку, когда пытаетесь это сделать?

Nathan Dawson 09.04.2022 04:06

URL-адрес не отображается в выходных данных. Это правильный масштаб? block.settings.url

DSA Web Specialists 09.04.2022 04:39

Это весь файл? Это в папке разделов?

Nathan Dawson 09.04.2022 05:17

Нет, доступ к настройкам блока осуществляется с использованием идентификатора, а не типа, поэтому используйте block.settings.tiktok_url вместо block.settings.url

Onkar 09.04.2022 06:48
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
4
26
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы пытаетесь получить настройку из блока, но не получили доступ к своим блокам разделов и ничего не назначили block. Кроме того, ваша настройка называется tiktok_url, пока вы используете url для ее отображения.

{% for block in section.blocks %}
    <a class="section-tiktok__card" href="{{ block.settings.tiktok_url }}" {{ block.shopify_attributes }}>
        <img src="{{ 'tik-play-btn.svg' | asset_url }}" alt="play video">
    </a> 
{% endfor %}

большое спасибо! На самом деле я попробовал идентификатор, но продолжал добавлять .url к тегу. Затем я прочитал сообщение в stackoverflow, что URL-адрес использовался только для коллекций. Но ваше решение работает отлично, и спасибо за своевременный ответ.

DSA Web Specialists 09.04.2022 09:46

Другие вопросы по теме