Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Customize "Quick View" product details modal window

 
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 05-16-2017, 09:10 AM
 
ant99 ant99 is offline
 

Advanced Member
  
Join Date: Mar 2015
Posts: 39
 

Post Customize "Quick View" product details modal window

I'm wondering how to customize the information that is shown in the popup when the user clicks "quick view" from the product grid. Specifically, I want to

+ add the product's "description" beneath the title of the product in the "quick look" popup.

+ remove the "product options / variants" & "add to cart" buttons and instead add a button that clicks through to the product page.

I am taking a look at these 2 files, but I'm not sure the best way to get this done...

xcartdir/skins/customer/product/details/quick_look/body.twig
xcartdir/classes/XLite/View/Product/Details/Customer/Page/QuickLook.php

Which files I should be looking at to get this modification done? I already have a custom module for the theme in place for edits.

Thank you
__________________
Ant

XC v5.3.1.8
Horizontal Flyout Categories Menu Module
CloudSearch / CloudFilters

XC v4.7.6
CloudSearch
Reply With Quote
  #2  
Old 05-16-2017, 10:13 AM
 
ant99 ant99 is offline
 

Advanced Member
  
Join Date: Mar 2015
Posts: 39
 

Default Re: Customize "Quick View" product details modal window

After looking further, I'm noticing this code from

xcartdir/skins/customer/product/details/quick_look/body.twig
Code:
class="product-quicklook"> {% form '\\XLite\\View\\Form\\Product\\AddToCart' with {product: this.product, className: 'product-details box-product', validationEngine: '1'} %} {{ widget_list('product.details.quicklook') }} {% endform %} {{ widget_list('product.details.quicklook.rotator') }} </div>

What exactly is happening on this line?
{{ widget_list('product.details.quicklook') }}

If I want to add description to this area, what is the best way?
__________________
Ant

XC v5.3.1.8
Horizontal Flyout Categories Menu Module
CloudSearch / CloudFilters

XC v4.7.6
CloudSearch
Reply With Quote
  #3  
Old 05-16-2017, 11:59 PM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: Customize "Quick View" product details modal window

Please check this article:
http://devs.x-cart.com/en/basics/twig_guide.html

widget_list() adds a placeholder that other templates/widgets can inject themselves into with the @ListChild annotation. Search for "@ListChild" in the source code for examples.
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote
  #4  
Old 02-16-2020, 10:48 PM
 
siddharth.puri@wheelandba siddharth.puri@wheelandba is offline
 

Advanced Member
  
Join Date: Nov 2019
Posts: 50
 

Default Re: Customize "Quick View" product details modal window

So in this case how can we inject the product description ?

Thanks and Regrads
__________________
Siddharth Puri
Version 5.3.6.1
Reply With Quote
Reply
   X-Cart forums > X-Cart 5 > Modifying the design and features (X-Cart 5)


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 03:13 PM.

   

 
X-Cart forums © 2001-2020