xoops forums

Zap_English

Quite a regular
Posted on: 2/15 4:21
Zap_English
Zap_English (Show more)
Quite a regular
Posts: 284
Since: 2016/5/24
#1

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

Bleekk

Theme Designer
Posted on: 2/15 6:41
Bleekk
Bleekk (Show more)
Theme Designer
Posts: 809
Since: 2002/12/14
#2

Re: xBootstrap Block problems

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

Zap_English

Quite a regular
Posted on: 2/15 8:23
Zap_English
Zap_English (Show more)
Quite a regular
Posts: 284
Since: 2016/5/24
#3

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

Bleekk

Theme Designer
Posted on: 2/15 9:00
Bleekk
Bleekk (Show more)
Theme Designer
Posts: 809
Since: 2002/12/14
#4

Re: xBootstrap Block problems

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}>

Zap_English

Quite a regular
Posted on: 2/15 11:18
Zap_English
Zap_English (Show more)
Quite a regular
Posts: 284
Since: 2016/5/24
#5

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.

Bleekk

Theme Designer
Posted on: 2/15 11:43
Bleekk
Bleekk (Show more)
Theme Designer
Posts: 809
Since: 2002/12/14
#6

Re: xBootstrap Block problems

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?

Bleekk

Theme Designer
Posted on: 2/15 12:50
Bleekk
Bleekk (Show more)
Theme Designer
Posts: 809
Since: 2002/12/14
#7

Re: xBootstrap Block problems

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}>

Zap_English

Quite a regular
Posted on: 2/15 15:00
Zap_English
Zap_English (Show more)
Quite a regular
Posts: 284
Since: 2016/5/24
#8

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

Bleekk

Theme Designer
Posted on: 2/15 18:29
Bleekk
Bleekk (Show more)
Theme Designer
Posts: 809
Since: 2002/12/14
#9

Re: xBootstrap Block problems

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

Zap_English

Quite a regular
Posted on: 2/21 13:24
Zap_English
Zap_English (Show more)
Quite a regular
Posts: 284
Since: 2016/5/24
#10

Re: xBootstrap Block problems

Works Great Thanks!