Hei Guys,
My project includes a shopping cart - which thanks to Couch is fully functional. However, the product items in the website put to use a QUICK VIEW MODAL - which well, basically pops-up to reveal the related item's product info. The pop-up also includes an 'Add To Cart' button that is supposed to add the product to the shopping cart and then fade-out.
The problem is that, I can't seem to make the quick view modal work. In fact, the modal does not show the updated product info - It just shows the couch tags that I had included.
This is the trigger for activating the modal. The quick_view.php is in a folder labelled 'modals'.
Here is complete product code that houses the QUICK VIEW BUTTON.
Here is the quick view modal file:
As a side note, upon trying to view the modal, I generated this error:
Among other futile actions, I also tried to move the quick_view.php to the snippets folder in the couch folder, and of course changed the link to point to the file but to no success.
I have basically ran out of ideas thus any ideas or solution would be highly appreciated.
Thanks in advance
My project includes a shopping cart - which thanks to Couch is fully functional. However, the product items in the website put to use a QUICK VIEW MODAL - which well, basically pops-up to reveal the related item's product info. The pop-up also includes an 'Add To Cart' button that is supposed to add the product to the shopping cart and then fade-out.
The problem is that, I can't seem to make the quick view modal work. In fact, the modal does not show the updated product info - It just shows the couch tags that I had included.
This is the trigger for activating the modal. The quick_view.php is in a folder labelled 'modals'.
- Code: Select all
<div class="centered_buttons">
<a href="<cms:show k_page_link />" class="button_dark_grey middle_btn quick_view" data-modal-url="<cms:show k_site_link />modals/quick_view.php">Quick View</a>
</div>
Here is complete product code that houses the QUICK VIEW BUTTON.
- Code: Select all
<div class="product_item">
<div class="image_wrap">
<img src="<cms:show pp_product_thumb_medium />" alt="<cms:show k_page_title />">
<div class="actions_wrap">
<div class="centered_buttons">
<a href="<cms:show k_page_link />" class="button_dark_grey middle_btn quick_view" data-modal-url="<cms:show k_site_link />modals/quick_view.php">Quick View</a>
</div>
</div>
</div>
<div class="description align_center">
<p><a href="<cms:show k_page_link />"><cms:show k_page_title /></a></p>
<div class="clearfix product_info">
<p class="product_price alignleft"><b>€<cms:number_format pp_price /></b></p>
</div>
<a href="<cms:show k_page_link />" class="button_blue middle_btn add_to_cart">add to cart</a>
</div>
</div>
Here is the quick view modal file:
- Code: Select all
<?php require_once( 'couch/cms.php' ); ?>
<cms:no_cache />
<div id="quick_view" class="modal_window">
<button class="close arcticmodal-close"></button>
<div class="clearfix">
<div class="single_product">
<div class="image_preview_container" id="qv_preview">
<img id="img_zoom" data-zoom-image="<cms:show product_image />" src="<cms:show pp_product_thumb />" alt="<cms:show k_page_title />">
</div>
<div class="product_preview" data-output="#qv_preview">
<div class="owl_carousel" id="thumbnails">
<img src="<cms:show pp_product_thumb_small2 />" data-large-image="<cms:show pp_product_thumb2 />" alt="<cms:show k_page_title />">
<img src="<cms:show pp_product_thumb_small3 />" data-large-image="<cms:show pp_product_thumb3 />" alt="<cms:show k_page_title />">
</div>
</div>
</div>
<div class="single_product_description">
<h3 class="offset_title"><a href="#"><cms:show k_page_title /></a></h3>
<div class="description_section">
<table class="product_info">
<tbody>
<tr>
<td>Name </td><td><a href="#"><cms:show k_folder_name /></a></td>
</tr>
<tr>
<td>Availability: </td><td><span class="in_stock"><cms:show prochem_availability /></span></td>
</tr>
<tr>
<td>Code: </td><td><cms:show prochem_product_no /></td>
</tr>
</tbody>
</table>
</div>
<hr>
<div class="description_section"><cms:excerpt count='150'><cms:show product_prochem_desc /></cms:excerpt></div>
<hr>
<cms:pp_product_form class="cart-form">
<table class="product_info">
<tbody>
<tr>
<td>Price: </td><td><span class="product_price"><b> €<cms:number_format pp_price /></b></span></td>
</tr>
<tr>
<td>Prev. Price: </td><td><span class="theme_color">€<cms:number_format vat_price /></span></td>
</tr>
</tbody>
</table><br />
<div class="description_section_2 v_centered">
<span class="title">Quantity:</span>
<div class="qty min clearfix">
<span class="theme_button" data-direction="minus">-</span>
<input type="text" name="qty" value="1">
<span class="theme_button" data-direction="plus">+</span>
</div>
</div>
<div class="buttons_row">
<button class="button_blue middle_btn">Add to cart</button>
</div>
</cms:pp_product_form>
</div>
</div>
</div>
<?php COUCH::invoke(); ?>
As a side note, upon trying to view the modal, I generated this error:
Warning: require_once(teho/cms.php): failed to open stream: No such file or directory in W:\www\modals\quick_view.php on line 1 Fatal error: require_once(): Failed opening required 'teho/cms.php'
(include_path='.;W:/usr/local/php/includes;W:/usr/local/php/pear;W:/home/admin/www/plugins/pear/PEAR')
in W:\www\modals\quick_view.php on line 1
Among other futile actions, I also tried to move the quick_view.php to the snippets folder in the couch folder, and of course changed the link to point to the file but to no success.
I have basically ran out of ideas thus any ideas or solution would be highly appreciated.
Thanks in advance