Public Forums 71,145 posts

[qpidity Friend qpidityJoin date: September 2015Posts: 18Downloads:5Uploads:5]

#920062

Hi,

I’m still trying to understand the T3 framework despite having read the documentation. I have a question which I hope someone can assist me with. I wanted to add a layout block to the footer divided onto 2 positions of equal size. How do I best go about that? I’ve looked at the default blocks available and am yet to understand how best to achieve this.

Can anyone please assist with some advice?

Thanks in advance.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#920135

Hi
You can given the module position same size , For example, both have col-md-6 grid class . So they are divided in equal space .
Doc for T3 customization Here

[qpidity Friend qpidityJoin date: September 2015Posts: 18Downloads:5Uploads:5]

#920412

Hi,

I added a row with 2 module positions as you see here:

<?php if ($this->countModules('footer-left')) : ?>
        <!-- footer-left -->
        <div class="footer-bw-l t3-sl t3-sl-1 col-xs-12 col-sm-3 col-md-6<?php $this->_c('footer-left') ?>">

                <jdoc:include type="modules" name="<?php $this->_p('footer-left') ?>" style="raw" />
            </div>

        <!-- //footer-left -->
    <?php endif ?>

    <?php if ($this->countModules('footer-right')) : ?>
        <!-- footer-right -->
        <div class="header-bw-r t3-sl t3-sl-2 class="t3-content col-xs-12 col-sm-9 col-md-6<?php $this->_c('footer-right') ?>">
            <div class="container">
                <jdoc:include type="modules" name="<?php $this->_p('footer-right') ?>" style="raw" />
            </div>
        </div>
        <!-- //footer-right -->
    <?php endif ?>

When I go to Layout > Module positions in the template editor I can see that I have two module positions of equal size, which is what I wanted, but now I have further questions:

1. When I go to Layout > Responsive Layout I can’t grab the edges of each module position block and drag it to adjust the width for different devices. Do I need additional classes added to the code above to make that possible?

2. On mobile where each of the two module position blocks will occupy 100% of the width (col-xs-12) I want footer-right to output BEFORE footer-left. Is there a quick way to prioritise the order?

Thanks in advance

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#920665

Hi
You already defined the size for mobile views in the php file col-xs is used for extra small views .
Besides change the order , you can change the module position right above the left in the code to show it first .

[qpidity Friend qpidityJoin date: September 2015Posts: 18Downloads:5Uploads:5]

#922494

How? You don’t explain how! What is the point of this forum?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#922505

Hi
You already posted the code in this post What you need to do is first add code of right then left .
here > http://prntscr.com/awl9bp

[Author]

Posts