Блог

Главная - Вопросы по программированию - Создать кнопку загрузки в интерфейсном менеджере WCFM

Создать кнопку загрузки в интерфейсном менеджере WCFM

#html #wordpress #woocommerce

#HTML #wordpress #woocommerce

Вопрос:

Я создал пользовательское поле продукта в интерфейсном менеджере WCFM, в этом поле я выбрал тип Html, а затем добавил следующий код:

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        .download{
            width: auto;
            background-color: royalblue;
            color: white;
            font-size: 20px;
            border:none;
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 5px;
            padding-top: 5px;
        }

        .download:hover{
          
            background-color:turquoise
        }
    </style>
    
    <a href="wptbox/mouaz/socks-setup-template.rar" download>
      
      <button type="submit" class="download">Download</button>
    </a>
    
</body>
</html>

Этот код предназначен для создания кнопки загрузки файла .rar при нажатии на нее, но код не работает, в чем здесь проблема?

Комментарии:

1. Нам понадобится больше деталей, чем «это не работает». Отображается ли кнопка? Отправляется ли запрос на файл при его нажатии?

2. Да, кнопка появляется, но при нажатии на кнопку ничего не происходит, я только что попробовал следующее: <a href=»wptbox/mouaz/socks-setup-template.rar » загрузить=»socks-setup-template.rar «> Загрузить</a> <тип кнопки=»отправить» класс =»загрузить»>Загрузить</button> </a>

3. Странно, что вы используете кнопку внутри привязки. Попробуйте это без внутренней кнопки. Можете ли вы получить доступ к своему файлу, просто используя путь к файлу в браузере?

4. Прежде всего, извините за опоздание, ссылка сработала хорошо , я использовал URL файла, используя медиа-библиотеку, и удалил элемент button. Но я не понимаю, почему элемент / тег кнопки не работал, как сделать ссылку кнопкой?

5. Обычно вам приходится выбирать, использовать ли якорь / ссылку ( <a></a> ) или кнопку ( <button></button> ). При работе с формами также есть <input type="submit" ...> . Второй шаг — применить стиль с помощью css. Вы можете сделать все эти параметры похожими на кнопку.