So I'm playing around with this and I'm starting with the smaller boxes.
I've created a page template, and I have been able to pull in the article from a category with this code:
<div data-box-identifier="29"> {@$box->getContent()} </div>
</div>However, when I go to add a second code with a different data-box-identifier, it gives me this result:
It seems to duplicate the article box. Is there a way that I can have different boxes on the same page?
This is not how this works, boxes need to be assigned to the template in order to be accessible. In your particular case, $box is the exact same variable and therefore contains the same code. The default template gets invoked in a cycle for each box, hence it will be scoped to one box at a time before moving towards the next one.
If you want to display multiple boxes, you must use them exactly the same way as it happens in the default templates.
This is not how this works, boxes need to be assigned to the template in order to be accessible. In your particular case, $box is the exact same variable and therefore contains the same code. The default template gets invoked in a cycle for each box, hence it will be scoped to one box at a time before moving towards the next one.
If you want to display multiple boxes, you must use them exactly the same way as it happens in the default templates.
Thanks for the reply.
The default _box template is this:
<{if $box->showHeader}section{else}div{/if} class="box{if $box->getImage()} boxWithImage{/if}{if $box->cssClassName} {$box->cssClassName}{/if}" data-box-identifier="{@$box->identifier}">
{if $box->getImage()}
<div class="boxImage">
{if $box->hasLink()}
<a href="{$box->getLink()}">{@$box->getImage()}</a>
{else}
{@$box->getImage()}
{/if}
</div>
{/if}
{if $box->showHeader}
<h2 class="boxTitle">
{if $box->hasLink()}
<a href="{$box->getLink()}">{$box->getTitle()}</a>
{else}
{$box->getTitle()}
{/if}
</h2>
{/if}
<div class="boxContent{if $box->boxType == 'text'} htmlContent{/if}">
{@$box->getContent()}
</div>
{if $box->showHeader}</section>{else}</div>{/if}This is the "loop" you're referring to. Now the variable $box is in this loop. How do I change the $box variable so that I can display multiple boxes on the same page? This is the part I'm stuck on.
Would it be easier to come up with new box positions inside of my custom page? I'm trying to figure out which way would make it more simplistic for creating a page with custom box locations.
This is the "loop" you're referring to.
There is no loop, and that pretty much sums up your problem. The template itself doesn't contain the loop, but is instead invoked through PHP in a loop, each time with a different value for $box. Just assign the boxes you want to display onto the same placeholder.
Also please keep in mind that you should be extra careful when editing the global box template, as it is used for literally every box, regardless of its position.
In regards to what I'm trying to do, would it be best to create a new placeholder for boxes on this custom page?
I would like to go for a different approach and start over: What do you want to accomplish? This might sound like a stupid question, but I can suggest different approaches depending on your goals, instead of sending you on a journey with a generic, but less optimal way 
Oh, and you can find the event listener in the developer documentation at: https://docs.woltlab.com/php_api_events.html. There is also a dedicated link in the page footer that guides you there.
The top section of my site […]
This does require quite some work to get it done, mostly because you need a custom box controller that fetches the data. This is actually not that much of a big deal, as you can use existing box controllers (usually found in lib/system/box/ of the Core install directory), but still requires some understanding of the internal data structure. You might want to go through the docs, they should provide you with enough details to get started, and in case you're stuck somewhere, feel free to ask.
I can answer your questions, but please understand that I'm lacking the time to guide you through every single step. At the end of the day, it is entirely up to you, if you want to do it yourself or hire an experienced developer - I won't blame you
Thanks again for the information Alexander Ebert
I might just end up hiring a developer to make the top half of my website.
This was the result of me using the box locations with a little CSS
....that is stunning.
Reminds me of how Joomla can display content, perhaps something for Woltlab to consider for the future??
perhaps something for Woltlab to consider for the future??
You can do that already.
He moved already to the WSC 3.0
....that is stunning.
I just tweaked the CSS a bit. I'm still looking for a developer to develop the box with the dynamic images like I had on my Wordpress site. I'm also waiting for the author of the Community Bot to implement the RSS feed import to grab the image and set it as the featured image.
What about EasySlider, this will be able to have dynamic images ?
Hmm, I didn't know there was a slider. It's possible. I'll do some reading and see if I can make it work.
I went ahead and got it and started using it on my site.
And what do you think about it?
maybe tell Cr@@gle that on a mobile the text is not 100% viewable.
That is probably my css issue. I've tweaked the heck out of that front page.
Don’t have an account yet? Register yourself now and be a part of our community!
