Joomlabamboo Support Forum :: Topic: Problem with Zen Shortcode layouts (1/2)

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Problem with Zen Shortcode layouts

If you use Zentools please post a review at the Joomla! Extensions Directory.

9 years 2 weeks ago

Hello,
I think there is a problem with Zen Shortcode layouts

This is my simple structure: two rows with two columns (grids -> 2 x 6)

Why when I enter just a simple title (h2 tag), the entire structure of the layout is broken?

The Zen Shortcode layout is this, as you can see there is no apparent problem:

[zen-row]
[zen-6]
<p>my_text</p>
[/zen-6]
[zen-6]
<p>my_text</p>
[/zen-6]
[/zen-row]

[zen-row]
[zen-6]
<p>my_text</p>
[/zen-6]
[zen-6]
<p>my_text</p>
[/zen-6]
[/zen-row]

... and here the link.

On the other side, this is the Zen Shortcode layout that give me problem:

[zen-row]
[zen-6]
<h2>Title2-1</h2>
<p>my_text</p>
[/zen-6]
[zen-6]
<p>my_text</p>
[/zen-6]
[/zen-row]

[zen-row]
[zen-6]
<h2>Title2-2</h2>
<p>my_text</p>
[/zen-6]
[zen-6]
<p>my_text</p>
[/zen-6]
[/zen-row]

... and here the link.

You probably have a logical explanation to give me...

Thank you

PS: Title 1 is outside of the Zen Shortcode layout

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

Last Edit: 9 years 2 weeks ago by Lorenzo.

The administrator has disabled public write access.

9 years 2 weeks ago

Hi

Can you add the title so we can see what it looks like with it being broken?

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 2 weeks ago

... on the second link, you don't see it?

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

9 years 2 weeks ago

Sorry missed that

my only excuse is I have a heavy cold and no voice

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 2 weeks ago

I'll need to ask about this and get back to you

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 2 weeks ago

No problem...
... take an aspirin and a good hot whiskey with honey

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

9 years 2 weeks ago

Thanks

On the ginger tea at the moment

I'll get back to you regarding the title issue - I get the same when I test it

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 2 weeks ago

Hello again ... I hope Paul gets better ...

I think there is a real problem with Zen Shortcode.
Here another problem, this is the syntax:

[zen-row]
[zen-6]
<p>my_text</p>
[/zen-6]
[zen-6]
<p>my_text</p>
[/zen-6]
[/zen-row]

<section>
<img>
</section>

I have a section tag that contains an image, this section tag is outside the layout created with Zen shortcode, so is placed after the structure created with Zen shortcode.
Why this block goes above the Zen Shortcode layout?

Here's a short video that illustrate the problem and the link of the page

Thank you

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

Last Edit: 9 years 2 weeks ago by Lorenzo.

The administrator has disabled public write access.

9 years 2 weeks ago

Hi

Do you get the same if you drop the section tag?

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 2 weeks ago

... what do you mean?

I need to place another tag after Zen shortcode... it's the same thing if I insert a div or another tag with block property

Don't you think it would be better to drop temporarily Zen Shortcode and load Bootstrap in front-end?

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

9 years 2 weeks ago

Hi Lorenzo,
For some reason the .zen-row isnt clearing the div.

Adding this to the custom.css file will fix this:
.zen-row {clear:both}

I have an update coming for the framework today tyat I will add this to.
Thanks

Anthony Olsen
LIfetime Developer - Big Bamboo
23925 posts
788 Thanks
Karma: 433

The administrator has disabled public write access.

9 years 2 weeks ago

ok thank you, I'll try this tomorrow, now it's time to sleep, it's
nearly 3am here

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

9 years 2 weeks ago

Hello and sorry for the late reply.

I tried with the new rule in the custom.css file, it works for the first problem, but for the second problem the section tag goes still above the Zen Shortcode layout

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

9 years 2 weeks ago

Thanks for the update - I'd added that to our issue tracker

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 2 weeks ago

Hello,

I'll drop Zen Shortcode for the moment since there are problems.

I decided to just load the grid of Bootstrap 3 to build my layout, but again it doesn't work, it seems that Bootstrap is not loaded, I can't find a link to bootstrap.css in head tag ... should I activate anything else than the grid option in the settings of the template?

This is my grid

<div class="container-fluid">
  <div class="row">
  <div class="col-xs-12 col-lg-6"><p>My Text</p></div>
  <div class="col-xs-12 col-lg-6"><p>My Text</p></div>
  </div>
</div>

... and this is the page

... it becomes laborious to just build a simple grid layout

Thank you

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

9 years 1 week ago

Hi

When you say loaded - you mean you enabled the bootstrap option in the template settings?

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 week ago

Its the Bootstrap settings under the theme tab (at the bottom)

Cheers

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 week ago

…yes, I enabled Bootstrap in the template settings but he didn't want to load. Now after several times (15-20 times) that I "Save and Compile theme" it seems to work, but it's very strange…
I think there is also a problem with this

but now the grid is loaded and that's what is important, I can continue to work, I really lost a lot of time with the grid of this template …

Another thing, maybe a little bit off topic. In the Bootsrap grid do I have to place the container-fluid class before the row class or just the row class is sufficient?

Thank you

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

9 years 1 week ago

Hi

The row class is sufficient

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 1 week ago

... can you inform me when the framework is going to be updated?

Lorenzo
LIfetime Developer - Big Bamboo
369 posts
11 Thanks
Karma: 2

The administrator has disabled public write access.

If you use Zentools please post a review at the Joomla! Extensions Directory.

Problem with Zen Shortcode layouts

Happy Campers