Log inRegister

www.kunststudio-livingart.be - Joomla 3.x

EMBED-code EVENTS 3.2 NOG AANPASSEN IN JOOMLA!!!

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)

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
Home SP Carousel slide foto n.a.
foto's van 995px hoog
Info Custom HTML about 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
Partners SP Clients tweet grijs logo's van 178px breed - zie lager
Nieuwsbrief AcyMailing Module (AcyMailing Starter) blog wit  
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"

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)
=jQuery(function($){
   jQuery('.carousel').carousel({
     interval: 7000
   })
});=

Bovenstaande functie toevoegen aan Templates > shaper_onepage > js > main.js

1.3 SP Carousel: twee buttons per slide

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

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;
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback