Как методом POST через Php mailer отправть данные div(Корзины) на почту?

Question

[vitys_27]

<div class="modal none">
           
            <div class="modal__myz ">
                <form action="mail.php" method="POST">
                        <p class="modal__me">Мой заказ</p>
                        <div class="ort">
                             <a class="close-block" href="#close-block">✖</a>  
                           <p class="corzin_nav">Корзина</p>
                           <div class="cart-total_end ">
                           <div class="cart-wrapper " id="container"   >
                            
                       </div>
                           
                       <div class="card__exit " data-card-empty>
                              Ваша корзина пока пуста
                           </div>
                       
                                     
                        </div>
                           
                           <div class="cart-total ">
                               <div class="deliveri__price none otp" data-card-delivery>
                               <span class="h4"> Доставка: </span>
                               <span class="delivery-cost"> 250p</span> <br><br>
                               <span class="small otp">(Бесплатная доставка от 600 рублей)</span>
                               
                               </div>
                               
                               </div>
                               <div class="form__block none" id="order-form">
                                   <div class="itogo " >
                               <span class="h5"></span><strong>Сумма заказа:</strong>  </span>
                               
                               <span class="total-price">0</span>
                               <span class="rouble">₽</span><br>
                               <span class="h5"></span><strong>Итого:</strong>  </span>
                               <span class="total-sum">0</span>
                               <span class="rouble">₽</span>
                               <hr class="line_bottom">
                               
                           </div>
                           <button class="byu__form" onclick="alerted()" >Корзина</button>
                           </div>
                           
                           </div>
                        <div class="cart-itogo">
                            
                                  
                    </div>     
                   
                      <div class="deliveri__price_end  otp" data-card-end>
                        <span class="h4_end"> Доставка: </span>
                        <span class="delivery-cost_end"> 250p</span> <br><br>
                        <span class="small_end otp">(Бесплатная доставка от 600 рублей)</span>
                        
                        </div>
                        <div class="form__block_end " id="order-end">
                            <div class="itogo_end " >
                        <span class="h5_end"></span><strong>Сумма заказа:</strong>  </span>
                        
                        <span class="total-price_end">0</span>
                        <span class="rouble_end">₽</span><br>
                        <span class="h5_end"></span><strong>Итого:</strong>  </span>
                        <span class="total-sum_end">0</span>
                        <span class="rouble_end">₽</span>
                        
                        
                    </div>
                        <button сlass="byu__form_end" onclick="alerted()  " >Заказать</button>
                    </div> 












                        </div>

Comments

[Newto]

Подозреваю, что вам нужно отправить:
1) Список товаров в корзине
2) Сумму заказа
3) Цену доставки

На почту. Правильно? Если да, то отпишитесь, далее будут еще вопросы.

[キム ファイブプラス]

Yokaze, ты должен его написать

[vitys_27]

Newto, да все серно

[vitys_27]

Yokaze,

<?php 



require_once('phpmailer/PHPMailerAutoload.php');
$mail = new PHPMailer;
$mail->CharSet = 'utf-8';


$name = $_POST['user_name'];
$email = $_POST['user_e-mail'];
$street = $_POST['user_street'];
$home = $_POST['user_home'];
$intercom = $_POST['user_intercom  '];
$apartment = $_POST[' user_apartment '];
$floor = $_POST[' user_floor '];
$entrance = $_POST[' user_entrance '];
$cart = $_POST['.cart-item'];
$title = $_POST['title'];

//$mail->SMTPDebug = 3;                               // Enable verbose debug output

$mail->isSMTP();                                      // Set mailer to use SMTP
$mail->Host = 'smtp.mail.ru';  																							// Specify main and backup SMTP servers
$mail->SMTPAuth = true;                               // Enable SMTP authentication
$mail->Username = '[e-mail]'; // Ваш логин от почты с которой будут отправляться письма
$mail->Password = ''; // Ваш пароль от почты с которой будут отправляться письма
$mail->SMTPSecure = 'ssl';                            // Enable TLS encryption, `ssl` also accepted
$mail->Port = 465; // TCP port to connect to / этот порт может отличаться у других провайдеров

$mail->setFrom('[e-mail]'); // от кого будет уходить письмо?
$mail->addAddress('[e-mail]');     // Кому будет уходить письмо 
//$mail->addAddress('[e-mail]');               // Name is optional
//$mail->addReplyTo('[e-mail]', 'Information');
//$mail->addCC('[e-mail]');
//$mail->addBCC('[e-mail]');
//$mail->addAttachment('/var/tmp/file.tar.gz');         // Add attachments
//$mail->addAttachment('/tmp/image.jpg', 'new.jpg');    // Optional name
$mail->isHTML(true);                                  // Set email format to HTML


$mail->Subject = 'Заказ от гостя';
$mail->Body    = 'Имя' .$name . 'e-mail' .$email .'Улица:' .$street. 'Дом:' .$home.'Домофон:' .$intercom.'Квартира:' .$apartment.'Этаж:' .$floor.'Подъезд:' .$entrance .'Заказ'.$title;
$mail->AltBody = '';

if(!$mail->send()) {
    echo 'Error';
} else {
    header('location: thank-you.html');
}
?>

[Newto]

vitys_27, Так, ну вы тут отправляете данные из POST запроса. Окей. И что именно не работает?

[vitys_27]

Newto, мне надо отправлять плюсом саму корзину ,которая находится в div cart-wrapper
,там только отправка заявки (Имени ,Адреса и т.д
)

[Newto]

vitys_27, В вашем примере корзина пустая. Вы как её хотите отправлять? Не html же корзины, правильно? Значит, самое простое, поставьте туда input-ы скрытые c id товара. Типа <input type="hidden" name="good[]" id="x"> и отправляйте. Обернув, заведомо, все это дело в форму.

[vitys_27]

Функция добавления у меня есть и div заполняется товарами

const cardWrapper = document.querySelector('.cart-wrapper')
const CardKorzina = document.querySelector('.cart-cardkorzina')
let productArray = 0 
window.addEventListener('click',function(event){
    if(event.target.hasAttribute('data-card') ){
     const card = event.target.closest('.card')
    

        const productInfo = {

            id: card.dataset.id,
            imgSrc: card.querySelector('.img__card').getAttribute('src'),
            title: card.querySelector('.iner-text').innerText,
            price: card.querySelector('.price').innerText,
            counter: card.querySelector('[data-counter]').innerText,
            opisanie :card.querySelector('.opicasie-tovara').innerText,
        };
        

       const itemInCard = cardWrapper.querySelector(`[data-id="${productInfo.id}"]`)
       
       if(itemInCard){
        const counterElement = itemInCard.querySelector('[data-counter]')
        counterElement.innerText = parseInt(counterElement.innerText) + parseInt(productInfo.counter)
       }else{

       

        const сartItemHTML = `
        
        <div class="cart-item"  data-id="${productInfo.id}">
        <div class="img__card_wrapper_d"><img src="img1/Mask group.png" alt="" class="img__card_wrapper"></div>
        
<div class="omg">
	   <h3 class="iner-text_wrapper" id="title"> ${productInfo.title}</h3>
           
		   <h5 class="wrapper__opis">${productInfo.opisanie}</h5>
           <p class="price_wrapper">${productInfo.price}</p>
           <div class=" vie_con counter-wrapper" data-rot >
           
             <div class="counter__button" data-pov="minus">X</div>
             <div class="counter__input_wer" data-counter>${productInfo.counter}</div>
            
            
             </div>
  
 

</div>
     <hr class="line_wrapper">               
              
        </div>             
              `



cardWrapper.insertAdjacentHTML('beforeend', сartItemHTML)




    }
    
    
    toggleCartStatus()

    calcCardPriceAndDelivery ()

   
}}

)

[Dastan_UI]

помимо информации о товаре Добавьте дополнительно в форму

<span class="total-price">MY_PRICE</span>
<input type="hidden" name="total-price[]" value="MY_PRICE" />

Но лучше всего просто поставить input с идентификатором и получать эти данные из БД или откуда то еще, тк подделать total-price будет довольно легко

[vitys_27]

Dastan_UI, Понял, спасибо

[deniz_kenzhaev]

Newto, можно полный пример как добавить для чайников