Price Plan Mods

Here you go guys this is the modified code which will give you that look and feel, and yeah don't forget to add custom css as mentioned by @dodgedesigns Thanks to him.

PHP:
<div class="row">
                <?php foreach ($pricePlans as $index => $plan) { ?>
                    <div class="col-lg-3 price-plan-box-wrapper">
                        <div class="box box-<?php echo $plan->group_id == $customer->group_id ? '' : '';?> price-plan-box borderless">
                          <ul class="price">
                              <li class="header" style="background-color:<?php echo $plan->group_id == $customer->group_id ? '#0176ff' : '#0176ff'; ?> "><?php echo $plan->name;?></li>
                              <li class="grey"> <?php echo $plan->formattedPrice;?>/Mo
                                  <?php if ($plan->isRecommended) { ?>
                                      <span class="badge bg-<?php echo $plan->group_id == $customer->group_id ? '#0176ff' : '#0176ff' ;?> "> <?php echo Yii::t('app', 'Recommended');?></span>
                                  <?php } ?>
                              </li>
                              <div class="box-body" style="padding:5px 25px 5px 0px;">
                                  <p> <?php echo $plan->description;?> </p>
                              </div>
                              <li class="grey"><a class="btn btn-<?php echo $plan->group_id == $customer->group_id ? 'primary' : 'success' ;?> btn-flat btn-do-order" href="#payment-options-modal" data-toggle="modal" data-plan-uid="<?php echo $plan->uid;?>">
                                  <?php echo $plan->group_id == $customer->group_id ? Yii::t('app', 'Your current plan, renew it') : Yii::t('app', 'Purchase');?>
                              </a>
                            </li>
                          </ul>
                          </div>
                          <div class="clearfix"><!-- --></div>
                        </div>
<?php if (($index+1) % 4 === 0) { ?><div class="clearfix"><!-- --></div><?php } ?>
                <?php } ?>
                <div class="clearfix"><!-- --></div>
            </div>
 
Th
I have gotten a few requests as to how to do this, so I will be putting together a quick tutorial of it all in the next few days for anyone who wants to follow along. Stay Tuned!
This would go a long way to change the default look of price plan page. If possible, an extension that changes the page allowing admins to create a tab based price plan for instance when you want to categories plans under pay-as-you-go, monthly, annual and maybe VIP.
 
Was there a way to show and pick the PRICE PLANS on the PUBLIC facing page? So they don't start as "FREE" but can pick and pay for a plan/tier when they sign up?
 
Was there a way to show and pick the PRICE PLANS on the PUBLIC facing page? So they don't start as "FREE" but can pick and pay for a plan/tier when they sign up?
From our point of view, people need to register before they can join any of the plans, so to answer your questions, no, there isn't a way currently to do this, but @laurentiu worked on something which might make it's way into 2.x.
 
Back
Top