# Sidebar Modules

### 1. Follow Us

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FMsNmP5BQBSISAja5deP1%2Ffollow-us.jpg?alt=media\&token=b1a2d147-821d-491f-9bfa-7d9c511bfb92)

* Please go to Admin > Content > Site Module > Add new
* Module type: SP Page Builder
* Module position: sidebar-right
* Add a new section and use a Jollyany addon: UI Social

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FuhfrMFlYsrxlG63sliC0%2Fmodule-follow-us.jpg?alt=media\&token=8efe839c-2013-40a8-9728-56e99095582b)

### 2. Banner 336 x 280

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FmLNEq7mE2384O9vthPBF%2Fbanner336.jpg?alt=media\&token=ddc97a3a-1314-43ae-8fa5-07774c622166)

**Create your banners:**

* Firstly, go to admin > component > banners > category > create banner category
* Move to banner section > add new banner and assign it to a specific category

![Create a banner](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fh6XngyDZFahTo9sq7B5w%2Fcreate-banner.jpg?alt=media\&token=b8500fe0-714a-4fd1-8b91-a9878a2bd117)

**Create a banner module:**

* Secondly, please go to Admin > Content > Site Module > Add new
* Module type: Banners
* Module position: sidebar-right
* Select banner categories and set the Count option (the number of banners you want to display)

![Banner module](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FEzYgyizEC7r5emsVZrqp%2Fheader-banner-module.jpg?alt=media\&token=330f21e8-991a-484a-b30f-ad7e4a14df72)

### 3. Most Popular

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FGOVq4SQ4n0sIlRTULnUn%2Fmodule-most-popular.jpg?alt=media\&token=b355a0b9-7ab8-4902-893a-16647c4c278c)

* Please go to Admin > Content > Site Module > Add new
* Module type: SP Page Builder
* Module position: sidebar-right
* Add a new section and use a Jollyany addon: UI Articles
* Choose resource: Joomla articles
* Select categories from your Joomla categories
* Set limit the number of articles you want to display

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fk54nlJsrfLCrusC5Ifjb%2Fmodule-most-popular2.jpg?alt=media\&token=2b658d31-e3e0-4626-9012-37f85e0f64ef)

### 4. The Magazine

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FSXgNDeH2nVRjw3K5GbRX%2Fmodule-the-magazine.jpg?alt=media\&token=5ba8e50b-1f80-4107-a30f-6231e4b425ff)

* Please go to Admin > Content > Site Module > Add new
* Module type: SP Page Builder
* Module position: sidebar-right
* Add a new section and use the addon: Image overlay

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FvWkdpeMPTgIUU9Mosxjs%2Fmodule-the-magazine2.jpg?alt=media\&token=3b51b68d-974c-4faa-b1e2-6e194b841580)

### 5. Categories

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FDNPlmxX346vUlPZhRSgo%2Fmod-categories.jpg?alt=media\&token=c055d27b-07b3-44bd-9427-f334c8e26468)

* Please go to Admin > Content > Site Module > Add new
* Module type: SP Page Builder
* Module position: sidebar-right
* Add a new section and use the addon: UI Info Box
* Using this add-on, you can add new items which allow you to enter the item's title, image, link, and even configure the number of columns on desktops, and mobile devices

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FrkRHLECFWOTPg69bVwWJ%2Fmodule-categories2.jpg?alt=media\&token=24454441-c2c7-46a0-9b3f-8ddc35ac04ca)

{% hint style="info" %}
All the sidebar modules mentioned above share the same position "sidebar-right". If you want them to be on the left side, just assign them to the position "sidebar-left".
{% endhint %}