Kategorien
Entwickler Webdesign

oxid update 6.1.5 auf 6.2

composer.json, die sich im Hauptverzeichnis des Shops befindet, müssen Version geändert werden. Das betrifft die Sektion „require“ und „require-dev“. Beispiel für einen OXID eShop Community Edition 6.2.0:

"require": {
   "oxid-esales/oxideshop-metapackage-ce": "v6.2.0"
},
"require-dev": {
   "oxid-esales/testing-library": "^v7.0.1",
   "incenteev/composer-parameter-handler": "^v2.0.0",
   "oxid-esales/oxideshop-ide-helper": "^v3.1.2",
   "oxid-esales/azure-theme": "^v1.4.2"
},

Hier der link zur composer.json des oxid-shop6.2.0 ce https://github.com/OXID-eSales/oxideshop_project/blob/b-6.2-ce/composer.json Meist stehen in der composer.json noch mehr in require, and require-dev: Um die aktuellen Versionen der Packages zu finden lohnt sich eine suche in der: https://packagist.org/ (4) Alte Module migrieren Für alle Module, die noch nicht auf dem „neuen Weg“  via composer installiert werden, muss man eine Initialisierung „per Hand“ vornehmen. Dazu gibt es aber eine Update Component, die den Großteil erledigt. Dies ist wie folgt zu installieren:

  1. composer require –no-update oxid-esales/oxideshop-update-component
  2. composer update
  3. vendor/bin/oe-console oe:oxideshop-update-component:install-all-modules

Am Ende aufräumen mit…

composer remove --no-update oxid-esales/oxideshop-update-component
composer update --no-dev --no-interaction

Siehe: https://docs.oxid-esales.com/eshop/de/6.2/installation/update/von-6.1.x-auf-6.2.0-aktualisieren.html#schritt-aktualisierung-der-modulkonfigurationen

Diskussion zum Thema findet sich hier:
https://forum.oxid-esales.com/t/nach-update-6-1-5-6-2-1-module-nicht-sichtbar/96577
https://forum.oxid-esales.com/t/modulerstellung-oxid-6-2/96641
Unter Umständen müssen alte Module noch überarbeitet werden. Bekannte Fehler sind hier:
1. Settings stehen noch in der metadata.php, diese müssen entfernt werden

could not be installed due to Invalid boolean value- "" was used for module setting.

2. Veralteter Code für Aufrufe aus der DB:

  • alt: $executeOnSlave neu: DatabaseInterface::forceMasterConnection()
  • alt: DatabaseInterface::FETCH_MODE_DEFAULT neu: FETCH_MODE_BOTH
  • alt: oxDB::getDB – Codebeispiel:
$rs = oxDb::getDb()->select($sQuery);
if ($rs != false && $rs->recordCount() > 0) {
    while (!$rs->EOF) {
        //do something
        $rs->moveNext();
    }
}
  •  neu: \OxidEsales\Eshop\Core\DatabaseProvider::getDb – Codebeispiel:
$resultSet = \OxidEsales\Eshop\Core\DatabaseProvider::getDb()->select($query);
 //Fetch the results row by row
 if ($resultSet != false && $resultSet->count() > 0) {
     while (!$resultSet->EOF) {
         $row = $resultSet->getFields();
         //do something
         $resultSet->fetchRow();
     }
 }
  • komplett weggefallen in Oxid v6:
    • ResultSetInterface::move()
    • ResultSetInterface::moveNext()
    • ResultSetInterface::moveFirst()
    • ResultSetInterface::moveLast()
    • ResultSetInterface::_seek()
    • ResultSetInterface::EOF()
Siehe: https://docs.oxid-esales.com/developer/en/6.0/update/eshop_from_53_to_6/database.html

Noch ein link zum OxidUpdate61->62
https://nerdpress.org/2020/04/20/updating-oxid-eshop-to-6-2-0/?highlight=oxid%20update

Kategorien
Entwickler Webdesign Wordpress

WordPress Plugins für Barrierefreiheit

Da Barrierefreie Webseiten auf Seiten des Frontends mächtig viel arbeit macht hier ein Seite mit Plugins für Barrierefreiheit.
https://abilitools.com/2020/04/17/die-8-besten-wordpress-plugins-fuer-mehr-digitale-barrierefreiheit/

Kategorien
Entwickler Webdesign

checkbox AGB bestätigen in germanzied über „Bezahlen“ Button

add_action( 'init', 'my_child_move_legal_checkboxes', 50 ); function my_child_move_legal_checkboxes() { // Remove remove_action( 'woocommerce_review_order_after_payment', 'woocommerce_gzd_template_render_checkout_checkboxes', 10 ); // Readd before submit button add_action( 'woocommerce_gzd_review_order_before_submit', 'woocommerce_gzd_template_render_checkout_checkboxes', 10 ); }

Bildschirmfoto 2020-05-29 um 00.15.44

Kategorien
Allgemeines Entwickler Webdesign

Bootstrap3: Media Queries Breakpoints

Es ist ja bekannt, dass Bootstrap ein „Mobile-First-Framework“ ist. Um sich die Unendliche Suche im Web zu ersparen, hier eine kleine Auflistung Media Queries in der Mobile First und Non-Mobile-First Methode.

Kategorien
Allgemeines Entwickler Netzwelt Webdesign

Apple Touch Icons erstellen

Was sind den nun wieder APPLE TOUCH ICONS? fragen sich bestimmt einige.

All jene welche versucht haben das tutorial nachzubauen, werden wohl mitbekommen haben das man nun ein paar Zeilen mehr Code in der Html Datei stehen hat, aber sich eben diese Zeilen auf nichts weiter sichtbares auswirken.

Kategorien
Allgemeines Entwickler Netzwelt Off-Topic Webdesign

Ressourcen für Frontend-Entwickler

Auf der Suche nach einer kleinen Javascript-Library , einem Icon-Font oder einem Seo-Tool?
Zwei Frontendentwickler haben eine Resource-Card Website gebaut in der Sie alles Sammeln und nach Kategorien schön sortieren.

Kategorien
Allgemeines Entwickler Webdesign

Bootstrap 4 alpha

Wir kennen es alle, wir können uns einfach nicht alles merken. Ist auch nicht weiter schlimm. Es ging hier wohl jemand ähnlich und er hat sich die Mühe gemacht ein Cheatsheet für die bootstap4alpha Version zu bauen.

Hier der Link zum Bootstrap4 Cheatsheet.

 

Kategorien
Allgemeines Webdesign

Wie waren nochmal die Media Queries für Android?

Alles kein Problem, Google hat uns hier eine wunderschöne Liste zusammengestellt.
Es kann so einfach sein!

Kategorien
Allgemeines Entwickler Webdesign

Prepros-Workflow Automatisierung ala carte

Die zu erledigenden Aufgaben eines Entwicklers steigen so schnell, dass es mittlerweile wichtig ist, sich einen passenden Workflow zu schaffen. Der Alltag für Webentwickler und -designer besteht nun nicht mehr nur aus reinem HTML, PHP, CSS, Javascript usw.
Heutzutage muss man weitere Aufgaben wie seinen Code minimieren, Bilder optimieren, sowie den entsprechenden Viewports anpassen übernehmen, was den Workflow schnell aufbläht. Mit einem Tool namens Prepos bekommt man aber schnell alles in den Griff.

Kategorien
Allgemeines Webdesign

Mobilegeddon: Responsive Design wird endgültig zum Muss

Am gestrigen Tag wurde das erste große Google Update für 2015 ausgerollt. Und eins ist klar: Wer keine Seite mit optimierter, mobiler Darstellung hat, landet im Ranking bei einer Suche auf einem mobilen Gerät nun erstmal weiter hinten. Der Suchalgorithmus ändert sich grundlegend und Webseiten, die nicht für mobile Geräte optimiert sind, haben erstmals das Nachsehen. Die Gnadenfrist für Seitenbetreiber, die sich der rasanten Entwicklung der mobilen Internetnutzung bislang entzogen haben, läuft nun ab und Responsive Design wird endgültig zum Muss. Was dieses neue Update bringt und welche Neuerungen im Detail eingeführt werden, erläutern wir hier.