How to create Footer

To create footer we have used Static Blocks - a great feature implemented in WooPress theme to facilitate compositing of sidebars, footer, and other areas.

You can add it using 8theme - Static Block widget or with the help of shortcode [block id=" "].

Below we'll explain how to use Static Blocks in terms of Footer areas (Footer1 and Footer2 widget areas).

First Footer row

Go to Appearance > Widgets and create custom widget areas:

Random Products - add WooCommercee Random Products widget;
On Sale - add WooCommerce On-Sale widget;
Twitter - add 8theme Twitter Feed.

Navigate to Static Block > Add new. Name it as PreFooter or whatever you want. Using WPBakery Page Builder add row with custom layout 1/4 + 1/4 + 1/4 + 1/4.

Add Widgetised Sidebar element into columns and select newly created custom widget areas: Random Products, On Sale, Twitter and Text element with following code:

<div class="banner align-center valign-middle cursor-pointer hover-reduction">
 <div class="banner-content">
  <div class="banner-inner">
   <h5 class="margin0">Discover the new summer collection</h5>
   <hr class="divider horizontal-break margin0" />
   <h1 class="margin0" style="font-size: 48px; font-family: 'Bodoni_regular';">Casual</h1>
   <hr class="divider horizontal-break margin0" />
   <h6 class="margin0">It`s all about the details</h6>
  </div>
 </div>
<a href="http://8theme.com/demo/woopress/wp-content/uploads/2014/04/banner_footer.jpg"><img class="alignnone size-full wp-image-14901" src="http://8theme.com/demo/woopress/wp-content/uploads/2014/04/banner_footer.jpg" alt="banner_footer" width="270" height="327" /></a>
</div>

Publish your Static Block.

Then go to Appearance > Widgets, add 8theme - Statick Block widget to Footer1 area and select PreFooter block from drop-down list.

Second Footer row

Go to Appearance > Widgets and create 3 custom widget areas. The first one - Tags - includes WooCommerce Product Tags widget.

The second one - Recent Posts - includes 8theme - Recent Posts (read more about in Widget item of this documentation).

3 - Text widget, title - Informations, content:

<ul class="col-ct-6 list-unstyled">
	<li><a href="#">About us</a></li>
	<li><a href="#">Our office</a></li>
	<li><a href="#">Delivery</a></li>
	<li><a href="#">Store</a></li>
	<li><a href="#">Guarantee</a></li>
	<li><a href="#">Buy gift cards</a></li>
	<li><a href="#">Returns</a></li>
</ul>

<ul class="col-ct-6 list-unstyled">
	<li><a href="#">Track your order</a></li>
	<li><a href="#">Terms</a></li>
	<li><a href="#">Conditions</a></li>
	<li><a href="#">Contact us</a></li>
	<li><a href="#">Manufacturers</a></li>
	<li><a href="#">New Brands</a></li>
	<li><a href="#">News</a></li>
</ul>

Now go to Static Block > Add new. Name it as Footer or whatever you want. Using WPBakery Page Builder add row with custom layout 1/4 + 1/4 + 1/4 + 1/4.

Add in the first column Text Element with following content:

<div class="about-company"><a class="pull-left" href="#"><img title="WooPressStore" src="http://8theme.com/demo/woopress/wp-content/themes/woopress/images/small-logo.png" alt="..." />
</a></div>
<h5 class="media-heading">About <span class="default-colored">WooPressStore</span></h5>
Say hello to the smartest and most flexible theme in the collection.
 
<address class="address-company">30 South Avenue San Francisco
<span class="white-text">Phone</span>: +78 123 456 789
<span class="white-text">Email</span>: <a href="mailto:Support@woopress.com">Support@woopress.com</a>
<a class="white-text letter-offset" href="#">www.woopress.com</a>
[share]</address>

Add Widgetised Sidebars elements into 3 columns and select appropriate widget areas.

Publish your Static Block.

Then go to Appearance > Widgets, add 8theme - Statick Block widget to Footer2 area and select Footer block from drop-down list.

If you have any questions, contact our support team.

Troubleshooting How to create Footer