X-Cart forums - Customize "Quick View" product details modal window

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)

- - Customize "Quick View" product details modal window (https://forum.x-cart.com/showthread.php?t=75347)

ant99

05-16-2017 09:10 AM

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 :-)

ant99

05-16-2017 10:13 AM

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?

qualiteam

05-16-2017 11:59 PM

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.

siddharth.puri@wheelandba

02-16-2020 10:48 PM

Re: Customize "Quick View" product details modal window

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

Thanks and Regrads

All times are GMT -8. The time now is 06:15 AM.