1
Zap_English
xBootstrap Block problems

First, I noticed that if you put a block on the right (i.e. in the center or on the right) it will move to the left if there is nothing to the left of it. This is a problem. So, if you put a block bottom center or bottom right and there is no bottom bottom left, the block will appear in the bottom left on the user side.

Second, my new site is

XOOPS Version XOOPS 2.5.8.1
PHP Version 5.4.45
mySQL Version 5.5.54

The Footer blocks do not work at at all. It doesn't matter where I put them, nothing shows on the user side

2
Bleekk
Re: xBootstrap Block problems
  • 2017/2/15 11:41

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


There are a lot of possible variations how to place blocks in the theme.
A theme designer decides how his theme will use the block positions.
Below I show you only 3 of many possible block variations in a theme. You see only top left, top center and top right blocks.

1)
Resized Image

2)
Resized Image

3)
Resized Image

Maybe you can change the html to display the blocks like you would like

3
Zap_English
Re: xBootstrap Block problems

So, in other words, xBootstrap doesn't use the footer blocks

But it still doesn't explain why the blocks shift to the left when there is blank space. It's an error and shouldn't do that

4
Bleekk
Re: xBootstrap Block problems
  • 2017/2/15 14:00

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


Ok I have created fast a code for footer blocks. It can be buggy because I wrote it now in 5 minutes. Please opet theme.tpl insert direct the code before
<footer class="footer">
this is the code
<{if $xoBlocks.footer_center}>
    <
div class="container">
      <{foreach 
item=block from=$xoBlocks.footer_center}>
      <
div class="row">
      <
div class="col-md-12">
        <
aside class="footer-center">
            <{if 
$block.title}><h4 class="footer-block-title"><{$block.title}></h4><{/if}>
            <{
$block.content}>
        </
aside>
      </
div>
      </
div>
      <{/foreach}>
    </
div>
    <{/if}>
    <{if 
$xoBlocks.footer_left || $xoBlocks.footer_right}>
      <
div class="container">
        <
div class="row">
          <{if 
$xoBlocks.footer_left}>
          <{foreach 
item=block from=$xoBlocks.footer_left}>
            <
div class="col-md-6 col-xs-12">
              <
aside class="footer-left">
                  <{if 
$block.title}><h4 class="footer-block-title"><{$block.title}></h4><{/if}>
                  <{
$block.content}>
              </
aside>
            </
div>
          <{/foreach}>
          <{/if}>
          <{if 
$xoBlocks.footer_right}>
          <{foreach 
item=block from=$xoBlocks.footer_right}>
            <
div class="col-md-6 col-xs-12">
              <
aside class="footer-right">
                  <{if 
$block.title}><h4 class="footer-block-title"><{$block.title}></h4><{/if}>
                  <{
$block.content}>
              </
aside>
            </
div>
          <{/foreach}>
          <{/if}>
        </
div>
      </
div>
    <{/if}>

5
Zap_English
Re: xBootstrap Block problems

I put a block in the footer left position and it seemed to work fine

I put a block in footer center and it stretches across the page and pushes the footer left down.

6
Bleekk
Re: xBootstrap Block problems
  • 2017/2/15 16:43

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


That is because the structure is like this
https://o84i.imgup.net/center_blof24d.JPG?l=de

Do you want these 3 block Positions in one row?

7
Bleekk
Re: xBootstrap Block problems
  • 2017/2/15 17:50

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


use this code if you want to have it in one row
<{if $xoBlocks.footer_left || $xoBlocks.footer_center || $xoBlocks.footer_right}> 
      <
div class="container maincontainer"
        <
div class="row"
          
          <{if 
$xoBlocks.footer_left}> 
          <{foreach 
item=block from=$xoBlocks.footer_left}> 
            <
div class="col-md-4 col-xs-12"
              <
aside class="footer-left"
                  <{if 
$block.title}><h4 class="footer-block-title"><{$block.title}></h4><{/if}> 
                  <{
$block.content}> 
              </
aside
            </
div
          <{/foreach}> 
          <{/if}> 
          
          <{if 
$xoBlocks.footer_center}> 
          <{foreach 
item=block from=$xoBlocks.footer_center}> 
            <
div class="col-md-4 col-xs-12"
              <
aside class="footer-left"
                  <{if 
$block.title}><h4 class="footer-block-title"><{$block.title}></h4><{/if}> 
                  <{
$block.content}> 
              </
aside
            </
div
          <{/foreach}> 
          <{/if}>
          
          
          <{if 
$xoBlocks.footer_right}> 
          <{foreach 
item=block from=$xoBlocks.footer_right}> 
            <
div class="col-md-4 col-xs-12"
              <
aside class="footer-right"
                  <{if 
$block.title}><h4 class="footer-block-title"><{$block.title}></h4><{/if}> 
                  <{
$block.content}> 
              </
aside
            </
div
          <{/foreach}> 
          <{/if}> 
          
        </
div
      </
div
    <{/if}>

8
Zap_English
Re: xBootstrap Block problems

The first set of code put them into the black strip, which is where they should be

The second one puts them into the white. They just look like regular bottom blocks, not footer blocks

9
Bleekk
Re: xBootstrap Block problems
  • 2017/2/15 23:29

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


then put the code right under
<footer class="footer">

10
Zap_English
Re: xBootstrap Block problems

Works Great Thanks!

Login

Who's Online

209 user(s) are online (104 user(s) are browsing Support Forums)


Members: 0


Guests: 209


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits