www.kunststudio-livingart.be - Joomla 3.x
01/04/2022 - Long time no see
Ik had geen idee meer hoe de site in elkaar zat, ik dacht gelijkaardig aan kwamarant.be, maar er zijn duidelijk wat verschillen…
KLA: events
KLA-events werkt met CATEGORIEËN: Content > Categories: de maanden van het jaar zorg er ook voor dat als je een nieuwe categorie maakt, van ze actief te maken (PUBLISHED)
Een event zelf is een ARTIKEL: Content > Articles CONTENT tab: zorg ervoor dat: - je artikel een correcte ALIAS krijgt (zeker als je begint met een kopie van een ander artikel) - je artikel PUBLISHED is - je artikel in de juiste CATEOGORIE zit IMAGES & LINKS tab: zorg voor: - een INTRO en FULL ARTICLE image PUBLISHING tab: - Start Publishing: stel correct in - Finish Publishing: stel correct in ********************************************************************************
HERWERKT A LA KWAMARANT
- MENU-ITEM EVENTS gelinkt aan sp-clients-wrapper
- MODULE met POSITION CLIENTS
PUBLISHED!!!
- MODULE met position PORTFOLIO uitgeschakeld
ook CHECK ONS AANBOD op de home wijzigen!
Foute font awesome icons onderaan (ook bij Kwamarant): oplossen door de gegenereerde code te kopiëren
zie: 3-13-KwamarantJ3x-JsOnePageV1#Kaart_38_locatielink_met_beschrijving
Joomla-versie
Datum |
Versie |
|
10/11/2015 |
3.3.3 |
|
05/05/2016 |
3.5.1 |
issue: "geblokkeerde" template zie bij Kwamarant voor oplossing |
01/01/2017 |
3.6.5 |
template.css |
01/03/2017 |
|
"geblokkeerde" template: zie bij Kwamarant voor oplossing |
21/07/2017 |
3.7.3 |
ISSUE: events: bij het aanklikken van de event, zag je wel het Sluiten-kruisje van het modal venster, maar het overlay-artikel zelf verscheen niet! |
21/07/2017 |
3.6.5 |
RESTORE naar 3.6.5 |
21/07/2017 |
extensies |
- AcyMailing Starter 5.6.1 → 5.7.0 - Akeeba Backup Core 5.2.5 → 5.4.0 - JCE Editor Core 2.6.8 → 2.6.18 - Weblinks Extension 3.5.0 → 3.6.0 |
21/07/2017 |
extensies |
RESTORE, want ook hier ging iets mis: This page isn’t working www.kunststudio-livingart.be is currently unable to handle this request. HTTP ERROR 500 |
28/12/2018 |
extensies |
- Akeeba Backup Core 5.2.5 → 6.3.2 - JCE Editor Core 2.6.8 → 2.6.35 - Weblinks Extension 3.5.0 → 3.6.0 |
Template
JoomShaper OnePage (
http://www.joomshaper.com)
Logo
kleuren
|
RGB |
HEX |
HSV |
wit |
rgb(255, 255, 255) |
#FFFFFF |
0, 0, 100 |
bordeaux |
rgb(116, 49, 52) |
#743134 |
357, 57, 45 |
grijs |
rgb(106, 111, 109) |
#6A6F6D |
155, 4, 43 |
Matching colors?
- http://www.colorsontheweb.com/colorwizard.asp
- http://www.colorschemer.com/online.html
Structuur
- Home-menu met huisje ipv tekst:
- Edit Home menu item
- klik op tabje Link Type
- kies Link Image
- Add Menu Title: No
- Display in Menu: No
- klik op tabje Helix Mega Menu Options
- Show Title: No
>2017/02/25
Main menu items |
Module Type |
Module Position |
BG Color |
Articles/Remark |
Info |
Custom HTML |
about |
wit |
|
Nieuwsbrief |
AcyMailing Module (AcyMailing Starter) |
blog |
wit |
|
Events |
SP Portfolio |
portfolio |
grijs |
foto's van 450x366 templace.css gepatcht voor IE: https://www.joomshaper.com/forums/problems-with-links-and-titles-sp-portfolio-in-ie bij de module-instellingen van mod_sp_portfolio: Layout-tab: Show filter op No gezet omdat in 2017 toch alle events van het type concert zijn
Daarna categorieën per maand gemaakt en de filter toch weer ingeschakeld. |
Herbeleef |
|
service |
bordeaux |
foto's van het vroegere Foto's-menu-item video's van voorbije concerten |
Contact |
SP Quick Contact |
contact-form |
zwart |
In language/nl-BE.mod_sp_quickcontact.ini "Bericht..." gewijzigd in "Ik kom naar de opening van Kunststudio Living Art met … personen" |
Partners |
SP Clients |
tweet |
grijs |
logo's van 178px breed - zie lager |
Home |
SP Carousel |
slide |
foto |
n.a. foto's van 995px hoog |
1 Home
1.1 Slideshow
Zie voor een uitgebreidere uitleg bij 3-13-KwamarantJ3x-JsOnePageV1
Eerst gaf ik de foto's weer in een gallery (Phoca Gallery, zie lager), maar dan ben ik op zoek gegaan naar een
responsive, html5 slideshow, en zo kwam ik uit bij
Flickrit (
http://www.flickrit.com).
De foto's in Flickr moeten wel "public" zijn. Nog wat Flickr-uitleg:
- een map die je uploadt via de Windows Flickr Uploadr tool, wordt meteen omgezet in een album
- wijzig de subtitel van het album (standaard vermeldt het de oorspronkelijke mapnaam, wijzig het in de datum van de toneelproductie)
- kies dan "Edit in Organizr"
- klik dan op "Batch edit" > "Change permissions": kies "Anyone (Public) en klik op de knop "CHANGE PERMISSIONS" - de permissies worden gewijzigd (bij de opties kun je kiezen wie mag commentaar geven - voorlopig laat ik die op de standaardwaarden staan, mocht er misbruik gemaakt worden, kan ik dat wel nog inperken)
1.2 SP Carousel automatisch laten sliden
=jQuery(function($){
jQuery('.carousel').carousel({
interval: 7000
})
});=
Bovenstaande functie toevoegen aan Templates > shaper_onepage > js > main.js
Als je een tweede button wil bij een slide/foto (bv. voor bronvermelding van de betreffende foto), zet dan na de gewenste "Action" (niet bij Action Link) een volgende link:
<a href="http://..." target="_blank"><span>Foto: Spotter2</span></a>
4 Events
4.1 Reserveren
Maakt gebruik van 7-PhpJabbersScripts (
v3.1).
Vanuit de Events kun je naar de reservatiemodule (
http://www.kunststudio-livingart.be/events/reserveren.html). Normaal zou alleen de "eerste" admin-user een bevestigingsmail mogen krijgen (naast de eigenlijk besteller uiteraard), maar volgens mij krijgen alle admins een bevestigingsmail…
Options > Booking > General: redirect-url (
http://www.kunststudio-livingart.be/events/thankyou.html) gemaakt à la voxmago index.html (handig om weten voor Kwamarant).
Naast een overzicht van alle events kan er ook van elk event afzonderlijk een reservatiepagina worden gemaakt: Events > update event > Install tab
Nu wordt het overzicht gecreëerd op basis van "Layout 1", "List" view, view switch icons & categorieën worden verborgen (2 x Yes).
E-mailsettings: poort 587, username zonder domain-suffix.
4.1.1 Taal
export met semi-colon
in de database default taal op Nederlands gezet door de taal-id met Engels te switchen
Alle client GUI-elementen vertaald.
4.1.2 Opmaak
front_layout_1.ori (../events/app/web/css/~):
- kleuren aangepast aan de site van KLA
- plaatsing van de knoppen gecorrigeerd (gecentreerd)
4.2 Iconen
De icoontjes van champagne & koffie van
http://www.iconsdb.com/ (
http://www.iconsdb.com/custom-color/champagne-icons.html en
http://www.iconsdb.com/custom-color/coffee-7-icon.html).
4.3 Opmaak
4.3.1 template.css
@media (max-width: 1199px) and (min-width: 980px)
font-size weggehaald, omdat letters anders in elkaar overliepen
4.3.2 font-awesome.css (../plugins/system/helix/css/~)
het kruisje bovenaan rechts van de modal windows was volgens Patrick niet zo duidelijk: .icon-remove uitgebreid met font-size, color & text-indent:
.icon-remove:before{content:"\f057";font-size:36px;color:#742835;text-indent:-36px;}
Op 04/04/2019 stel ik vast dat de kruisjes bovenaan rechts niet meer zichtbaar zijn (evenmin op kwamarant). Volgende wijzigingen aangebracht in template.css & font-awesome.css:
template.css
#main-modal.modal .close-modal {
position: absolute;
right: 27px; /* ori: 10px; */
top: 10px;
z-index: 2;
color: #000;
width: 36px; /* ori: 24px; */
height: 36px; /* ori: 24px; */
text-align: center;
line-height: 36px; /* ori: 24px; */
display: inline-block;
}
font-awesome.css
(- text-indent:-36px;)
.icon-remove:before{content:"\f057";font-size:36px;color:#742835;}
4.3.3 mod_sp_portfolio_default.css (../modules/mod_sp_portfolio/assets/css)
Events plakken tegen de linkerrand, terwijl je rechts een vrij brede witte marge hebt: correctie doorgevoerd zodat je zowel links als rechts een normale witte marge hebt:
div.default ul.sp-portfolio-items{
..
margin: 0 -30px 0 +15px;
..
}
4.3.4 Intro-tekst portfolio-items met </BR> en datum
component/plugin
ReReplacer geïnstalleerd
5 Herbeleef
Voor het Herbeleef-gedeelte heb ik de Events hergebruikt. Editeer het betreffende artikel als volgt:
- wijzig de Category van Concerten in Blog
- Content
- haal de datums weg of verwerk ze in de eerste zin
- haal ook de reservatie-info weg
- voeg filmpje toe indien beschikbaar
- Images and Links
- haal image weg bij Full Article Image
- Publishing
- wijzig de Start Publishing datum in datum en uur van het event
- verwijder de Finish Publishing datum
Liebrecht & Kaatje |
24/06/'16 |
De Eersteling |
10/09/'16 |
An-Sofie Noppe & Co. |
25&26/11/'16 |
Parameters in de muziek |
10/05/'16 |
6 Partners
Maakt gebruikt van de SP clients-module. Die toont normaal 5 elementen, maar kan 10 elementen bevatten, die dan bereikbaar zijn via een slider.
Wij hebben (voorlopig) evenwel maar 4 partners. Omdat die niet links zouden "plakken", heb ik de css aangepast: slider verborgen en de 4 elementen gespreid over de breedte.
template.css
width op 25% ipv 20% gezet (4 elementen ipv 5)
.sp-clients ul > li {
float: left;
width: 25%;
text-align: center;
}
default.php (../modules/mod_sp_clients/tmpl/~)
4 elementen tonen ipv 5
if($index == 4){
- het eerste element mag niet meteen actief staan (of het is niet hoverable)
- de elementen moeten aanklikbaar zijn (standaard is daar iets mis mee)
<?php
$client_url = $image['url'] ?: "#client".$data_key.$key ;
?>
<li>
<a href="<?php echo $client_url; ?>" target="_blank"><img src="<?php echo $image['img']; ?>"></a>
</li>
Logo's: breedte & kleur
Logo's 178px breed gemaakt: tot een schermbreedte van 768 worden ze niet geschaald daaronder wel, vandaar de breedte van 178px, anders kunnen de logo's in elkaar overlopen.
De logo's van de diverse partners in grijswaarden omzetten - hoewel dit niet nodig was!!!
Hoe grijs maken?Het hangt er een beetje vanaf hoe het bronbestand is opgemaakt, maar met een van de volgende manieren lukt het doorgaans wel:In Microsoft Office Picture Manager:Afbeelding bewerken >- Helderheid en contrast > Contrast -100- Kleur > Sterkte -100- Kleur > Verzadiging -100
7 Nieuwsbrief
8 Issues
Carousel/slider
Op een bepaald moment was er een probleem met de carousel/slider. Na een aantal keer heen en weer "geslided" te hebben, werd er een witte pagina getoond. Nog wat later kon je niet meer naar links of rechts.
De oorzaak was een ontbrekende, sluitende tag bij de slide action!
Google search results
Bij de zoekresultaten van Google krijg je ook twee geïndenteerde sublinks/sitelinks te zien. Als je daarop klikt, krijg je de site wel te zien, maar de navigatie via de knoppen en het menu mislukt.
Oplossing: .htaccess met permanente redirects:
Redirect 301 /index.php/component/content/featured /
Redirect 301 /index.php?option=com_content&view=featured /
Redirect 301 /index.php/component/search/ /
A non-numeric value encountered in .../plugins/system/helix/core/helix.php on line 548
Similar to what I found on kwamarant.be:
AH01071: Got error 'PHP message: PHP Warning: A non-numeric value encountered in /home/kunststud1/domains/kunststudio-livingart.be/public_html/plugins/system/helix/core/helix.php on line 548
So also here, I changed line 547 & 548 in the helix.php file:
OLD |
NEW |
$absspan+=$val→span; $absoffset+=$val→offset; |
$absspan+=(int)$val→span; $absoffset+=(int)$val→offset; |
In January 2020, I noticed that the contact form was displayed in English (Name…, Email…, Subject…, Message…, SEND MESSAGE) instead of Dutch (Naam…, E-mail…, Onderwerp…, Bericht…, BERICHT VERZENDEN).
Extensions > Language(s): select
Dutch (Belgium), then click on the
Default button. The form is shown in Dutch instantly, you even don't have to clear the cache!
Message
Default Language Saved. This does not affect users that have chosen a specific language on their profile or on the login page.
Warning! When using the multilingual functionality (ie when the plugin System - Language Filter is enabled) the Site Default Language also has to be a published Content language.