Categories
Home » Edit Freestylebox for Custom Theme

Edit Freestylebox for Custom Theme

 

If you have a custom theme installed, and you find that the Freestylebox modules don't work correctly, or don't pick up your theme's styling, you will need to edit the custom file included in your download - custom theme/freestylebox.tpl using a text editor such as Notepad or Notepad++
 

Welcome Style 

First, we will edit the "Welcome Style" box.
  1. Download the file catalog/view/theme/yourtheme/module/welcome.tpl from your store where "yourtheme" is your store's active theme
  2. In freestylebox.tpl, replace the two lines:
<div class="welcome"><?php echo $heading_title; ?></div>
<?php echo $message; ?>
 
with the content in welcome.tpl at step 1.
 

Box Style

Next we'll edit the "Box Style" box. It's possible that this will be a little more complex !
  1. Download the file catalog/view/theme/yourtheme/module/information.tpl from your store where "yourtheme" is your store's active theme. As an example, it may look something like this:

    <!-- Título del Bloque -->
    <div class="block block-categorias">
      <div class="block-title">
        <div class="border-top-title">
          <div class="border-bot-title">
            <div class="left-top-title">
              <div class="right-top-title">
                <div class="left-bot-title">
                  <div class="right-bot-title">
                    <h2><?php echo $heading_title; ?></h2>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    <!-- Contenido del Bloque -->
      <div class="block-content">
        <ul class="list-block">
          <?php foreach ($informations as $information) { ?>
          <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
          <?php } ?>
          <li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
          <li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
        </ul>
      </div>
    </div>
     

  2. In freestylebox.tpl, replace the lines:

    <div class="box">
     
       <div class="box-heading">
          <?php echo $heading_title; ?>
       </div>
     
       <div class="box-content">
          <?php echo $message; ?>  
       </div
     
    </div>
     
    with the code from information.tpl above.
     

  3. Next we need to change the content. So, still in freestylebox.tpl replace the code highlighted in green above with:

          <?php echo $message; ?>

    It should now look like this:

    ///////////////////////////////////////////
    // Box Style                             //
    ///////////////////////////////////////////
    ?>
    <!-- Título del Bloque -->
    <div class="block block-categorias">
      <div class="block-title">
        <div class="border-top-title">
          <div class="border-bot-title">
            <div class="left-top-title">
              <div class="right-top-title">
                <div class="left-bot-title">
                  <div class="right-bot-title">
                    <h2><?php echo $heading_title; ?></h2>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    <!-- Contenido del Bloque -->
      <div class="block-content">
        <?php echo $message; ?>
      </div>
    </div>
    <?php } ?>
     

  4. Save the file (freestylebox.tpl) and upload to your store in the folder catalog/view/theme/yourtheme/module/



     
     
Continue
Powered By OpenCart
Show Me A Demo © 2024