Support Forum

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

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

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

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's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
Last Edit: 6 years 5 months ago by Lorenzo.
The administrator has disabled public write access.
Hi

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

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
... on the second link, you don't see it?

  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Sorry missed that

my only excuse is I have a heavy cold and no voice :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'll need to ask about this and get back to you

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No problem...
... take an aspirin and a good hot whiskey with honey ;)
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
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's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello again ... I hope Paul gets better ... :dry:

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's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
Last Edit: 6 years 5 months ago by Lorenzo.
The administrator has disabled public write access.
Hi

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

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
... what do you mean? :dry: 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 :pinch:

Don't you think it would be better to drop temporarily Zen Shortcode and load Bootstrap in front-end?
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
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's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
ok thank you, I'll try this tomorrow, now it's time to sleep, it's
nearly 3am here :huh:
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
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 :dry:
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Thanks for the update - I'd added that to our issue tracker

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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 :S

Thank you
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi

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

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Its the Bootstrap settings under the theme tab (at the bottom)

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
…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's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi

The row class is sufficient

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
... can you inform me when the framework is going to be updated?
  • Lorenzo's Avatar
  • Lorenzo
  • LIfetime Developer - Big Bamboo
  • 369 posts
  • 11 Thanks
  • Karma: 2
The administrator has disabled public write access.

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

Happy Campers