Icons in Plans

1 reply · opened Aug 30, 2017

DdaayilhaAug 30, 2017

Hello, how are you? I had a cake php theme and I adapted the canvas for the wonderful design it has! The big problem is that the icons that previously appeared as comparatives in my plans and differed stopped working:

Before> http://cuidadordeidoso.rio/Plans

After> http://cuidadorideal.com.br/Plans

<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<?php echo $this->Session->flash();?>
<div class="container clearfix">
<div class="fancy-title title-dotted-border title-center">
<?php if($userValue || !$memberValue){?>

        &lt;?php }?&gt;
     &lt;/div&gt;
     &lt;?php if($userValue || !$memberValue){?&gt;
     &lt;div class="pricing bottommargin clearfix"&gt;
        &lt;?php foreach($planT as $post){?&gt;
        &lt;div class="col-md-3"&gt;
           &lt;div class="pricing-box &lt;?php if($post['Plan']['amount'] == 10.99 ){ echo 'best-price'; } ?&gt;"&gt;
              &lt;div class="pricing-title"&gt;
                 &lt;h3&gt;&lt;?php echo$post['Plan']['name'];?&gt;&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="pricing-price "&gt;
                 &lt;span class="price-unit"&gt;&lt;?php echo$currency;?&gt;&lt;/span&gt;&lt;?php echo$post['Plan']['amount'];?&gt;&lt;span class="price-tenure"&gt;/&lt;?php if($post['Plan']['duration']){echo$post['Plan']['duration'].' '.__('M');}else{echo __('Unlimited (Months)');}?&gt;&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="pricing-features"&gt;
  • <span><?php echo$post['Plan']['name'];?></span>

  • icon_3">

  • icon_3">

  • ()

  • icon_3">

  • icon_3">

  • icon_3">

  • icon_3">

                &lt;/div&gt;
                &lt;div class="pricing-action " style="&lt;?php if($post['Plan']['amount'] == 10.99 ){ echo 'padding-bottom: 20px;'; } ?&gt;"&gt;
                   &lt;?php if($post['Plan']['amount']&gt;0){?&gt;&lt;a 
                   &lt;?php if($post['Plan']['amount'] == 10.99 ){ echo 'class="btn btn-danger btn-block btn-lg bgcolor border-color"'; }else{
                      echo 'class="popup-with-zoom-anim order-btn btn btn-danger btn-block btn-lg"';
                      } ?&gt;
    
                   data-toggle="modal" data-target=".payment-option-&lt;?php echo$post['Plan']['id'];?&gt;" style="&lt;?php if($post['Plan']['amount'] == 10.99 ){ echo 'margin-top: 40px;'; } ?&gt;" href="javascript:void(0);"&gt;&lt;?php echo __('Selecionar Plano');}
                      else{echo $this-&gt;Html-&gt;link(__('Free Checkout'),array('controller'=&gt;'Tpayments','action'=&gt;'checkout',$post['Plan']['id']),array('class'=&gt;'popup-with-zoom-anim order-btn btn btn-danger btn-block btn-lg'));}?&gt;
                &lt;/div&gt;
             &lt;/div&gt;
          &lt;/div&gt;
          &lt;?php } unset($post);?&gt;           
       &lt;/div&gt;
SSemicolon WebSTAFFSep 4, 2017

Hello,

We have checked out your Website and the Icons you are using are from Font Awesome classes, so you will need to update the Classes of the Icons and use the ones mentioned in the Documentation > Shortcodes > Icons Section.

Additionally, we have also noticed that some of the CSS/JS Files have been defined multiple times on the page which could cause unnecessary issues. Please consider fixing them!

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard