YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar sascha Yootheme asked

Solving the module position issue

We just released YOOtheme Pro 1.7 which should solve the general module position issues.

This thread is dedicated to discuss our solutions and to give feedback what's missing and what can be improved. In the following I will give a comparison of the issues and their new solutions.

Please take also a look at our new module documentation. It comes with more detailed graphics and video tutorials to get you started with the new builder module. We also published a blog post about the YOOtheme Pro 1.7 release with more information.

We are looking forward to your feedback. Thank you! :-)


The "Only one section" Issue

Issue: YOOtheme Pro has just one top and one bottom position. You can build different layouts with the width option in the module template settings. But you have just one section which is always the same on all pages.

Solution: YOOtheme Pro 1.7 comes with a new Builder Module (Joomla) and a Builder Widget (WordPress). This module allows you to create a layout for the top or bottom position using the builder. You can create unlimited sections with the layout builder und use the full power of our element library. For example use the Module Element to get Joomla modules inside the builder layout. You can publish multiple builder modules above each other and publish them on different pages and with different permissions. Note: It can only be published on the top and bottom position because it creates sections (and sections can not be in the sidebar or header position markup-wise).


The "Collapsing layouts for modules" Issue

Issue: When you place a Module Element in a builder layout and the selected Joomla module is not published on that page or the user has no permission to see it, the builder renders an empty column cell.

Solution: In YOOtheme Pro 1.7 the builder layout always collapse if module/widget elements have no output. If the module in the column is not visible on that page, the column collapses. If all columns in a row are collapsed, the row also collapses. If all rows in a section are collapsed, the whole section collapses.


The "Building layouts with only Joomla modules and not the builder" Issue

Issue: Some of you want to build layouts using the Joomla module positions (similar to Warp 7).

Solution: YOOtheme Pro 1.7 comes with a new Module Position Element (Joomla) and an Widget Area Element (WordPress) for the builder which allows you to place a complete Joomla module position (or a WordPress widget area respectively) inside your builder layout. This is very powerful. For example, you can create a layout with multiple sections and use the Position/Area element inside the columns. Configure each of them to load a different module position. There are dedicated positions called builder-1, builder-2, etc available. Now, imagine you publish this builder module on all pages - with no modules published in the positions you used in the layout builder. No content will show up because the whole layout collapses. Once you publish a module in one of the positions, it will show up. If not needed, you don't have to open the layout builder again. You can publish modules directly on one of these positions used in the builder layout. This allows you to create sophisticated top and bottom layouts.


The "Show sidebar position on builder pages" Issue

Issue: The sidebar position doesn't show up on pages created with the page builder. This is because of UIkit. UIkit is not designed to have something besides a section.

Solution: Go to the page builder, place the new Module Position Element (Joomla) in the section of your page where the sidebar position should show up and select the sidebar position. Now all modules publish in the sidebar will show up in the column. If no module is published on the sidebar the column will collapse.


The "Individual Footer for different pages" Issue

Issue: In YOOtheme Pro you can already create a footer with the Layout Builder in Layout > Footer. But footer is the same on all pages.

Solution: If you need different footers on different pages, you can use multiple Builder Modules (or Builder Widgets for WordPress) and publish these in the bottom position.


The "Multi-language footer" Issue

Issue: Same issue like above. When it comes to multi-language websites, you often need to create individual footers.

Solution: Again, use the new Builder Module to create a footer module for each language and publish these in the bottom position.

  • YOOtheme Pro

Edited

18 Answers

2

Avatar marcelre answered

The "Show sidebar position on builder pages" Issue

Issue: The sidebar position doesn't show up on pages created with the page builder. This is because of UIkit. UIkit is not designed to have something besides a section.

Solution: Go to the page builder, place the new Module Position Element (Joomla) in the section of your page where the sidebar position should show up and select the sidebar position. Now all modules publish in the sidebar will show up in the column. If no module is published on the sidebar the column will collapse.

Yes we heard this possibility before, BUT that limits the creative possibilities extremely. For example it isn't easy to set the sidebar (j! position) with a max width (or a width at all) with a 4 column Layout.

Also it isn't possible to change between the different column layouts in one section. Images this: you want a headline over three panels for example to show different prices. --> not possible..

Edited

1

Avatar coldclimber answered

will be worth a look, sounds like you are working towards what Joomla was built to do, as in your previous yootheme pro you completely destroyed Joomla and its basic functions of using modules.

Joomla was built to be used with articles and modules providing a layout that can be tailored for any site, look and layout, I even built my own templates back in the day with 30 plus module positions not just two. In yootheme pro you just deiced that we do not need modules, a HUGE mistake.

I still can not put the telephone number at the top right of any yootheme pro template as there is no way to do this without module positions. I just hope that this update will resolve this issue, when clients insist on this i have to revert back to the older yootheme warp7 templates.

1

Avatar sascha Yootheme answered

@marcelre Thank you for your feedback!

  1. Yes, we also thought about it. I put it on our todo list to add more column layouts and width options to the builder.

  2. Yes, this is already on our todo list called "Builder element (Nesting). It will allow you to nest grid layouts.

So, both issues will be solved with future builder improvements. The great thing is, once we add this features they will be available everywhere in the builder not just sidebar settings.

Please let me know if you think this solves the issues :-)

Edited

0

Avatar sascha Yootheme answered

@coldclimber Thank you for your feedback!

  1. Actually, Joomla does not offer any tools to create layouts on the fly. This is always in the theme. Joomla only offers module positions, not the layout. And that's what the layout builder is for. It uses the Joomla positions to place modules.

  2. Page builders are a thing. The WordPress core team is working on some kind of support for page builders which will be in one of the next WordPress releases. I also saw it as idea on Joomla roadmap, too. Joomla modules and page builder are not mutually exclusive. They complement each other.

  3. We did not decided that we don't need modules. We just don't won't to hard code module positions like top-a, top-b, etc. The new solution discussed here is much more powerful and flexible.

  4. You can place a telephone number in the upper right and upper left because there are module positions for it ;-) called toolbar-left and toolbar-right. Here is a list of all module positions in YOOtheme Pro.
    And our Copper Hill theme has a phone number published in the navbar position. See here.

Edited

0

Avatar maggus86 answered

The Module Position Element is a great improvement. The sidebar position now shows up in a column layout created with YOOtheme Pro.

Unfortunately it's still not possible to assign '#tm-sidebar' or '.tm-sidebar' to the column containing the sidebar position. See also here.

0

Avatar marcelre answered

@sascha thanks for your answer. With the function it would actually be possible, yes. BUT it seems that this issue has no priority at all - because it isn't under development and has no high priority.

Because it is essential for people using your software today, it would be nice to move it up a lite bit.

0

Avatar sascha Yootheme answered

@maggus86 Thanks for your feedback!

  1. To add a custom class, open the Position element settings, click on Settings and scroll down to Class :-)

  2. To add custom CSS do the same and take a look at the CSS option

Please let me know if you think this solves the issues :-)

0

Avatar maggus86 answered

@sascha Thanks for your quick answer!

I have seen all these options yet and already tested them ;) Unfortunately I didn't solve my issue.

I would like to fully control the width of the column containing the sidebar (or better said override the ".uk-width-medium@m" style).

With '#tm-sidebar' in Warp themes this was never a problem because there is a unique ID to identify the column. Now it gets more complicated because I can't assign a unique ID to a column and need helper IDs in the parent row or section.

Edited

0

Avatar sascha Yootheme answered

@maggus86

I see. Most likely we will add an option for ID and Class when we start working on More column layouts and width options.

But you can also try this: Open the builder and edit the row settings, click edit column x (with your sidebar) and scroll down to the CSS option. Enter the following code

.el-column { width: 200px; }

Edited

0

Avatar maggus86 answered

J! Position: position name appears in article content and search results

See also here

The J! Position Element is displayed as content in an article built with YOOtheme Pro. I suppose it should just appear inside the JSON object after the readmore element? There is no use to display position names as content and moreover it messes up the readability of search results.

Please correct me if I'm wrong with my opinion ;)

Edited

0

Avatar paul.fenton answered

This is great. But how do you load a module that is not required in either the top or bottom position but the main page position. And into a dynamic page when there is not a viable position in the template.

0

Avatar lardt answered

It looks very complete and powerful but I'm not sure which case corresponds with the former and very typical "debug" position (which I understand it wasn't "positional").

0

Avatar anna.robinson answered

Thank you so much for the "new module documentation"! Excellent

0

Avatar gavin.lau answered

seems all perfect in J! rite? Do you mind to give us same "perfect" answer on "WP Area"? I try my best to check around and around. And don't even find anything related to the "WP Area" setting. Can u just kindly tell us, that's not yet solved?

HOW TO make multilingual footer Just same as those in J!??

0

Avatar michael.anlauf Support answered

Regarding the multilingual footer read carefully here. In case it helps you please vote the tutorial up.

Know someone who can answer? Share a link to this question via email or twitter.