Change Cart Layout

[Courzo]

Hi,

I'm trying to get my cart from this: http://prntscr.com/la63au

To something like this (list style): http://prntscr.com/la63gp

 

I searched everywhere and cannot seem to find the fix. I know this is a simple fix as most places do use a list style instead of a checkbox.

[Courzo]

Found out how to do this, but when I changed it to the modern theme, the cart doesn't load. I couldn't edit the post, but here is what happens: http://prntscr.com/la679g

[brian!]

Hi Tyler,

9 hours ago, Courzo said:

I searched everywhere and cannot seem to find the fix. I know this is a simple fix as most places do use a list style instead of a checkbox.

it's going to be an edit to the configureproduct.tpl template - so in standard_cart, it's the block of code below which shows the addons that will need to be tweaked...

                            <div class="row addon-products">
                                {foreach $addons as $addon}
                                    <div class="col-sm-{if count($addons) > 1}6{else}12{/if}">
                                        <div class="panel panel-default panel-addon{if $addon.status} panel-addon-selected{/if}">
                                            <div class="panel-body">
                                                <label>
                                                    <input type="checkbox" name="addons[{$addon.id}]"{if $addon.status} checked{/if} />
                                                    {$addon.name}
                                                </label><br />
                                                {$addon.description}
                                            </div>
                                            <div class="panel-price">
                                                {$addon.pricing}
                                            </div>
                                            <div class="panel-add">
                                                <i class="fas fa-plus"></i>
                                                {$LANG.addtocart}
                                            </div>
                                        </div>
                                    </div>
                                {/foreach}
                            </div>

9 hours ago, Courzo said:

Found out how to do this, but when I changed it to the modern theme, the cart doesn't load. I couldn't edit the post, but here is what happens

you've got two problems here... firstly, you're using a custom theme and secondly "modern" is a dead orderform template that, whilst still shipped with WHMCS, hasn't been updated in years... so it's not a a good long-term choice.

if I switch your site from using it's custom "Courzo" theme to "Six", then the order summary works fine...

that usually means that your custom template is not calling the correct version of the scripts.min.js file - even a quick visual comparison shows that they are different.

 changing the file in /templates/courzo/js/scripts.min.js with the equivalent verison in "Six" might be enough to fix this (though may have other consequences for your custom template).... long-term, you might be better off modifying standard_cart to look like "Modern" if that's the road you want to go down... I wouldn't expect "Modern" to be around forever.