Hello, I want to add two columns (left and right) of the main-outlet, in order to use them as banners. From what I understood already I can add new html code easily in the plugin-outlets space. But it’s not the thing I want to do since there exists no space for this banners already. What should be my approach?

You might find the existing html widget does all you need. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub

Take a look at: [image] Layouts Plugin Plugin This plugin is a framework for custom Discourse layouts. Its main use case is adding sidebars to Discourse. Desktop Mobile (closed) Mobile (open) [Screen Shot 2020-07-27 at 10.37.25 PM] [Screen Shot 2020-07-27 at 10.27.12 PM] [Screen Shot 2020-07-27 at 10.28.03 PM] desktop_computer Get the code page_facing_up Read the documentation bug Report a bug Quick Links The advantages of the Layouts Plugin Installation and Setup Widget Development wave Before you post in this …

Hm.. so I would create a widget for each banner and then load it, right ?

It probably is the solution. Although, I haven’t been able to make it work yet. Can’t understand what you mean or how would I use the existing html widget. :confused: So, I decided to create my own widget that would create the two banners and add them on the sides. I created a widget: https://github.com/teakap/banner-theme-component [banners_import] It’s loaded, and I added as a widget to the layout setting but still I am not seeing the widget’s html on the page.

Great that you have delved in! Always, always have your Browser console open when debugging javascript. This is what I get: [image] You are missing an import statement: import { h } from 'virtual-dom'; That then fixes it: [image] Note you should code it like this, though or your class name will show (like it does above): h ("span.some-banner-class", "my text"): [image] [image] Keep going! :slight_smile:

Customizing main layout

Product Support

merefield (Robert) September 22, 2020, 2:06pm 2

Take a look at:

Topic		Replies	Views
Adding elements to the left and right side of main-outlet in a theme Development	3	782	March 28, 2022
How to add the two floating sidebar banners? Product Support	1	1597	November 7, 2019
Is there CSS code to put HTML banner beside post topic UX	2	1635	July 14, 2018
Using plugin outlet to customise dashboard layout Extras	0	748	June 18, 2021
Creating a nicer layout Product Support	5	2052	August 18, 2021

Customizing main layout

Related topics