How to add custom tab on product responder on CPQ?

[sbslmhmt]

Hello everyone,

We would like to add new tab to responder on Product Configurator.

Our case is;

We would like to show user the weight of every attribute he/she choses based on attribute's value. We are going to read weight data from custom table. As far as we can see, there is no place where we can define the weights of the attribute values other than custom table.

Anyone knows how we can achieve this requirement?

Best regards.

[Alexander_0001]

Hi Mehmet Ali Subasi,
did you found a suitable solution to add an additional Tab and extend it with information/ custom design elements via a responsive template?

Lock forward to hear from your progress 🙂

Lock forward to hear from your progress 🙂

[sbslmhmt]

Hello alexander-maerz,

Unfortunately I couldn't find a solution to add additional tab via responsive template. We were in a hurry and decided to go with a quote table instead 🙂

[Alexander_0001]

Ah I know what you mean. 😄 If I find a solution on my way, I let you know 🙂

[franklin_fievet]

Mehmet, you will need to access the Configurator page in Responsive Templates. From there, it would be the ResponderForProductView template that would be modified.

Routinely see modifications to this template but have not seen any examples of a new tab being added. For example, when an attribute is picked, you may pop it in the Responder and include the weight data, along with the value that has been picked.

There is also a ConfigurationTreeView template that may signify that the two current tabs are static and may not be added to.

My knowledge of CSS is not deep enough to advise you on the proper steps from here. Hopefully someone else will chime in.

It's a starting point hopefully?

[sbslmhmt]

Thank you franklin.fievet, it is a great starting point. I still need to figure out how to select data from custom table on knockout.js or how to know which attribute selected for that matter. I am very new to the knockout.js.

Thank for your answer again, I appreciate it.

Best regards.

[sbslmhmt]

Hello franklin.fievet ,

Thank you again for your answer,

I tried it with table tag;

But the outcome is like down below;

Knockout didn't seem to understant it's a tag.

Am I missing something?

Best regards.

[franklin_fievet]

You wouldn't necessarily have to go through this path. Another way of doing this would be to throw your custom table calls, via the Formula Builder TABLE tag, into an Display Only Text Attribute field. Then reference that in your knockout.

Something like this perhaps?

<table cellspacing="0" class="table table-condensed">
  <tr>
    <th>Weights</th>
    <td class="nrc" style="text-align: right;">Primary Weights</td>
    <td class="nrc" style="text-align: right;"><*VALUE(Primary Weight Attribute)*></td>
  </tr>
</table>

The VALUE tag could be substituted with a TABLE tag. Or that Value tag is referencing an attribute that is fed via a rule. There's a lot of different ways to go... However, this way, you control the values through HTML in the attribute. Makes life a little easier to manage all around.