Display combinations table inside "product details" tab

is there a way to place the combinations table in the "product details" tab?


With some tricks - yes :)
Module has dedicated hook that can be used to display combinatuions table in exact position. The hook name is CombinationsTable
To display this hook contents (so also combinations table module) anywhere you want on product page it will be required to add shortcode to execute hook {hook h='CombinationsTable'}
 
So, according to your expectactions:

is there a way to place the combinations table in the "product details" tab?

we will have to add shortcode of hook {hook h='CombinationsTable'}
to your theme file that is responsible for appearance of "product details" tab. Usually the file is: themes/your-theme/templates/catalog/_partials/product-details.tpl
just add this shortcode at the begining of <div> element

<div class="js-product-details tab-pane fade{if !$product.description} in active{/if}"
id="product-details"
data-product="{$product.embedded_attributes|json_encode}"
role="tabpanel">
...
...
add shortcode here
...
...

 
In addition to this minor change to .tpl file we will have to go to the design > positions and:

  • verify if module is associated with hook "combinationsTable"
  • unhook module from "displayProductExtraContent" hook to avoid duplicate the module on product page

 



Share on Google Plus

About VEKIA

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a Comment