Public Forums 71,145 posts

[drago1147 Friend drago1147Join date: February 2011Posts: 17Downloads:0Uploads:0 Thanks: 2 Thanked: 2 times in 1 posts]

#188923

Hi Joomlart team,

I am interested to know, how you guys manipulate the document structure when it comes to the layout?

In more detail, in the responsive layout section of the t3 framework, I can rearrange 4 columns into 2 columns for tablet devices.

How do you guys manipulate the span class to go from to for example?

I have a hobby e-commerce website with hikashop and unlike t3, for the webshop I have to manipulate the layout by selecting the children of the container with css and apply a width that corresponds to a different span, making four columns of span3 to have the width of span6.

I would like very much to do it the way it works in t3.

If it is too complex to explain just point me to the correct folder and files in t3 and I will do my own digging.

Thanks.

Kind Regards,

Drago.

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#499063

Hi drago1147,

The change in class (for ex, from span3 to span6) is done via Javascript.

You can see that T3 render data- attribute to store information about the width, visibility and even more class.

For example: you can search for data-tablet in source view :http://demo.t3-framework.org/joomla30/index.php/en/
You will see something like data-tablet=”span12 spanfirst”

Regards

[Author]

Posts