Public Forums 71,145 posts

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#202354

I am adding a block to Blank T3-BS3 and I have a question. The block I am adding will contain two Positions.

In t3v2 the size for each position was set by using the variable “span 4” for example:

<div class=”left-slideshow span8<?php $this->_c(‘slideshow’)?>”>

In t3v3 the size for each position is set by using (numbers are not accurate):

<div class=”t3-sidebar t3-sidebar-1 col-xs-6 col-md-3 col-md-pull-6 <?php $this->_c($vars[‘sidebar1’]) ?>”>

How do I convert from the old t3v2 size of span to the new t3v3 span size?

Ultimately, I wish to have a span8 position on the left and a span4 position on the right.

An example can be found at http://seacrestcockers.com, with the slideshow on the left and a module position on the right.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#553949

Hi Arthur,

Please let me explain a little bit so you can have better understanding about this part. If you navigate to Admin >>> Extensions >>> Template Manager >>> choose your template >>> switch to tab Layout >>> you will see in Responsive panel, there are 4 sub-tabs Large / Medium / Small and Extra small, that let you config your layout for smaller screen.

Back to the code

<div class="t3-sidebar t3-sidebar-1 col-xs-6 col-md-3 col-md-pull-6 <?php $this->_c($vars['sidebar1']) ?>">

it stands for span3 in Medium screen (col-md-3), move to the left 6 grid in Medium screen (col-md-pull-6) and span6 in Extra Small screen (col-xs-6).

1 user says Thank You to Adam M for this useful post

1. arthurjohnston

[Author]

Posts