Bookcarousels
You will need to rebuild your Modules with Boekenlijst with Modules for Bookcarousel. Rather than maintain two different modules by language, we now only have the English version. Wise Bookcarousels have been completely rebuilt and are much improved. You will create them the exact same way as before, just in Joomla 4. You'll need to play around with the different settings and decide how you want yours to be.
I suggest going to Components > Wise > General options button > Module: Wise Bookcarousel accordion on the right side of the general options page. Do your main settings there. They will apply to all Bookcarousel Modules that you create. If you want specific modules to display differently, change those settings in the Module settings of the individual modules.
Here's an example of what two Bookcarousels look like:
To get this look, I used the following settings in the Global options Module: Wise Bookcarousel:
| Option | Fill in |
|---|---|
| Number of items | 0 |
| Show title | On |
| Show author | On |
| Navigation | |
| Navigation class | nav nav-tabs |
| Navigation listitem class | nav-item |
| Navigation link class | nav-link
Note: You can use the tab classes from your own template if you'd like. |
| Hide titel on 1 tab | On |
| Cover settings | |
| Height in px (max) | 230 |
| Carousel Settings | |
| Speed | 4000 |
| Autoplay | 0 |
| Autostop on interaction | On (only works when Autoplay is enabled) |
| Loop mode | Off/unavailable |
| Show pagination | On (this is the dots below the book covers) |
| Pagination clickable | On (so visitors can click on the dots) |
| Pagination type | Bullets (choose between three options) |
| Show next/previous buttons | On (to have the right/left arrows next to the book covers) |
| Button position | Outside slider (you can choose between inside the slider and outside the slider) |
| Covers per slide | 7 |
| Covers per group | 7 (this is how many book covers advance at a time when the navigation dots/arrows are clicked) |
| Center active cover | Off |
| Keyboard control | On |
| Responsive | |
| Small breakpoint | 640 (you can select what you want) |
| Covers per slide | 3 |
| Covers per group | 3 |
| Medium breakpoint | 768 |
| Covers per slide | 5 |
| Covers per group | 5 |
| Large breakpoint | 1024 |
| Covers per slide | 7 |
| Covers per group | 7 |
| Other | |
| Catalogue page | Wise Apps |
To create a new module
- Go to Extensions > Site Modules > New and select Wise Bookcarousel.
- Enter the Title and set it to 'Show' or 'Hide'.
- Enter the Unique Title Code (formerly infopoint profiel) from Wise (or your Joomla 3 production site if it already exists). To create new bookcarousels, see the later part of the Instructies Aanwinsten bij overgang naar Joomla 4 manual, or the Infozuil documentation.
- Enter the Position
- In the 'Menu Assignment' tab, select the Menu Items you'd like the bookcarousel to display on.
- Adjust any of the general options if needed.
- Click 'Save' in the Top Toolbar.
- Refresh the frontend.
- If happy, click 'Save & Close' in the Top Toolbar.
Colours of navigation
To change the colours of the navigation arrow, dots, and the tabs (if using multiple bookcarousels in tabs) use the following code and change out the hex codes as desired:
.wiseswiper-button-next, .wiseswiper-button-prev {
--wiseswiper-navigation-color: #236192;
--wiseswiper-theme-color: #236192;
}
.wiseswiper-pagination-bullet-active {
--wiseswiper-theme-color: #236192;
}
.nav-link {
color: #236192;
}
.nav-link:hover, .nav-link:focus {
color: #424753;
}