Создание быстрого просмотра продуктов в качестве модального элемента в node.js? - PullRequest
Новая
       5

Создание быстрого просмотра продуктов в качестве модального элемента в node.js?

1 голос
/ 10 февраля 2020

Я хочу создать быстрый просмотр товаров в качестве модального элемента, используя node.js. Я передаю все продукты, то есть products1 и products2, извлеченные из базы данных для рендеринга в моем файле index.hbs. Вот маршрут: 

router.get('/', (req, res, next) => {
  var messages = req.flash('success');
  Product.find((err, docs)=>{
    res.render('index', {title: 'Bookbytes', products1: docs, products2: docs, messages: messages});
    }) 
  })

Вот фрагмент кода файла index.hbs 

<div class="row furniture--4 arrows_style owl-carousel owl-theme row mt--0">
                        {{# each products1}}
                         <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                          <div class="product-grid">
                            <div class="product-image">
                                <a href="#">
                                    <img class="pic-1" src="{{update this.image_path}}" alt="image">
                                </a>
                            <span class="product-discount-label">-50%</span>
                            </div>
                        <div class="product-content">
                            <h3 class="title">
                                <a href="#">{{ this.book_name }}</a>
                            </h3>
                            <div class="price">Rs. {{ this.price }}
                                <span> Rs. {{ markedPrice this.price}}</span>
                            </div>
                        </div>
                        <ul class="social">
                            <li><a href="#" data-tip="Quick View" data-toggle="tooltip" title="Quick View"><i class="fa fa-eye"></i></a></li>
                            <li><a href="" data-tip="Wishlist" data-toggle="modal" data-target="#mymodal" title="Wishlist"><i class="fa fa-heart"></i></a></li>
                            <li><a href="/add-to-cart/{{ this._id }}" data-tip="Add to cart" data-toggle="tooltip" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a></li>
                        </ul>
                        </div>  
                         </div> 
                    {{/each}} 
               </div>

Теперь я хочу сгенерировать модальный тип этого продукта, когда какой клиент нажимает на тег привязки быстрый просмотр. Я новичок в node.js. Так какие-нибудь предложения или идеи?

...