Форум Сайтостроение Веб-строительство

Кнопка "оформить заявку"

S
На сайте с 17.10.2012
Offline
23
Smaulik
727

День добрый, есть каталог без функции корзины, подскажите как реализовать кнопку в записи (товаре) "оформить заявку" что бы после нажатие всплывало окошко с именем, контактным телефоном, email и другими формами.

Каталог на вп, плагин с настройкой был бы идеальным решением! Всем мир

Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#1

Smaulik, если чисто плагинами, то WordPress PopUp + Contact Form 7.

volokhoff
На сайте с 03.11.2015
Offline
1
volokhoff
#2

Вот тебе для примера, только перепиши под "оформить заявку"

index.html 

<html>  

<head>  

  <meta content="text/html; charset=Windows-1251"  

 http-equiv="content-type"/>  

  <title>Отправка заявки</title>  

</head>  

<body>  

<form action="write.php" method="post">  

  <table align="center" border="0">  

    <tbody>  

      <tr>  

        <td align="left">Название команды:</td>  

        <td align="left"><input name="namecomand"/></td>  

      </tr>  

      <tr>  

        <td align="left">Руководитель:</td>  

        <td align="left"><input name="name"/></td>  

      </tr>  

      <tr>  

        <td align="left">Описание задачи:</td>  

        <td align="left"><textarea cols="50"  

 rows="3" name="opisanie"></textarea></td>  

      </tr>  

      <tr>  

        <td align="left">Выбор проектов:</td>  

        <td align="left">  

        <input name="option[]" 

 type="checkbox" value="Вариант 1" />Вариант 1<br/>  

        <input name="option[]" value="Вариант 2" 

 type="checkbox"/>Вариант 2<br/>  

        <input name="option[]" value="Вариант 3" 

 type="checkbox"/>Вариант 3  

        </td>  

      </tr>  

      <tr>  

        <td></td>  

        <td><input name="ok" value="Отправить заявку"  

 type="submit"/></td>  

      </tr>  

    </tbody>  

  </table>  

</form>  

</body>  

</html>

write.php 

<?php 



$settings['dir'] = 'query'; //папка для сохранения, в качестве текущей - "." 

$settings['filename'] = 'query_%n.txt'; //имя файла, в качестве макроса %n (порядковый номер) 

$settings['ids'][0] = '500'; //стартовый номер 



//проверка на существование папки 

if (!is_dir($settings['dir'])) 

    if (mkdir($settings['dir'])) 

        echo '+ Папка для записи создана!'; 

    else 

        echo '- Папка для записи не создана!'; 



chdir($settings['dir']); 



//процедура получения id 

if ($dir = opendir('.')) 

    while (false !== ($file = readdir($dir))) 

        if ($file != "." && $file != "..") 

            if (preg_match('/' . str_replace('%n', '(\d+)', $settings['filename']) . '/', $file, 

                $names)) 

                $settings['ids'][] = $names[1]; 

closedir($dir); 





$settings['next_id'] = max($settings['ids']) + 1; 

$settings['next_filename'] = str_replace('%n', $settings['next_id'], $settings['filename']); 

$settings['text'] = 'Название команды: ' . $_POST['namecomand'] . "\r\n" . 

    'Руководитель: ' . $_POST['name'] . "\r\n" . 'Описание задачи: ' . $_POST['opisanie'] . 

    "\r\n" . 'Проэкты: ' . "\r\n* " . implode("\r\n* ", $_POST['option']); 



$fp = fopen($settings['next_filename'], 'w+'); 

if (fwrite($fp, $settings['text'])) 

    echo 'Данные добавлены!'; 

else 

    echo 'Данные не добавлены!'; 

fclose($fp); 



?>
AH
На сайте с 27.10.2015
Offline
29
ArbitHome
#3

почитай тут http://dbmast.ru/modalnoe-okno-na-html5-css3-i-skrytyh-chekboksah

и тут http://ruseller.com/lessons.php?rub=2&id=1099

вообще задача простая, но чисто плагинами я бы не стал решать, ибо вп от плагинов модалок виснет. Проще в теме создать файлик и подгружать к карточке товара в шаблоне синг товар. И соответсвенно в форму передай гетом ид товара. Ну обоботчик думаю сам напишешь. Где то лежит у мя прошлогоднее решение с обработчиком формой и всем что нужно 

<!-- Кнопка активации -->

<label class="btn" for="modal-1">Открыть</label>

<!-- Модальное окно -->

<div class="modal">

  <input class="modal-open" id="modal-1" type="checkbox" hidden>

  <div class="modal-wrap" aria-hidden="true" role="dialog">

    <label class="modal-overlay" for="modal-1"></label>

    <div class="modal-dialog">

      <div class="modal-header">

        <h2>Заголовок </h2>

        <label class="btn-close" for="modal-1" aria-hidden="true">×</label>

      </div>

      <div class="modal-body">

        <p>Здесь размещаете любое содержание...</p>

      </div>

      <div class="modal-footer">

        <label class="btn btn-primary" for="modal-1">Отлично!</label>

      </div>

    </div>

  </div>

</div>
SUPER Bitcoin кран без таймера! - YOURCOINS.PRO (https://yourcoins.pro/index.php?aff=1518292697)
Спрашиваем и отвечаем по Куда обычно отправляются данные Wordpress vs DLE

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий