Hi
We have modified our Order Guide widget so it does not display each item below the variables. We didn't find it very user friendly either.
Here is an example of ordering a new virtual developer PC. The guide only shows the included items to the right, but not in the bottom.
To do this you need to clone the order guide widget and replace it on the sc_cat_item_guide page.
In the widget it self you hide the section which are displaying the included items. You can't remove it, as cascading variables will not work then.
<!-- Hide included items section - we can't remove it as cascade variables wont work then -->
<div style="display: none;">
<div class="panel panel-default" ng-if="included.length">
<div class="wrapper-md">
<h1 class="h2 m-n font-thin">${Included Items...}</h1>
</div>
<div class="wrapper-md b-t">
<div class="panel panel-default" ng-repeat="item in included | orderBy: 'order'" id="{{item.sys_id}}">
<div class="panel-heading"><h4>{{item.name}}</h4></div>
<div class="panel-body">
<div>{{item.short_description}}</div>
<sp-cat-item item="item" />
<sp-model form-model="item" mandatory="item._mandatory"></sp-model>
</div>
<div ng-if="(item.price || item.recurring_price)" class="panel-footer bg-white">{{item.price}} {{item.recurring_price}}</div>
</div>
</div>
</div>
</div>
<!-- Included items section end -->
