CSS

Shopware 5 Flagge Icon ersetzen

1 Folgende Datei mit einem Grafikprogramm überarbeiten und eine Flagge ersetzen. Bspw. die dritte Flagge druch die schwedische Flagge ersetzen.

. /themes/Frontend/Responsive/frontend/_public/src/img/ico-flags.png

2. Less Datei unter bearbeiten :

/themes/Frontend/Responsive/frontend/_public/src/less/_components/flags.less

Zeile 19:

 &.nl_NL { background-position: 0 -22px; }

durch folgendes ersetzen:

 &.sv-SE { background-position: 0 -22px; }

Grund dafür sind Scrollbalken die sich mal zeigen(wenn Seite lang ist) mal verstecken. Der Browser muss die Breite neu rechnen, wenn Scrollbalken da sind. Dann muss sich Inhaltsbereich zwangsläufig neu positionieren., also nach rechts und links bewegen. 

Um diesen Effekt zu vermeiden, sollte man immer Scrollbalken horizontal mitrechnen bzw zeigen. Auch wenn die Seite kurz ist und man gar nicht scrollen muss oder kann.

CSS-Code:

body { overflow-y: scroll; }

Wenn ich eine Seite analysieren möchte kann ich es mit F12(Firebug Element untersuchen) machen. Aber ich kann folgende Situationen nicht sehen:

  • :hover
  • :active
  • :focus

Wenn eine Seite viele CSS Dateien hat ist echt schwierig sich zurecht zu finden. Wie kann man sehen, welche Eigenschaften aktiv sind und wo sie sich befinden(welche Datei und Zeile)?

Google Maps vs OpenStreetMap

Guten Abend.

Ich entwickle eine neue Webseite und muss dafür eine Karten API integrieren. Aktuell habe ich dafür zwei Möglichkeiten gefunden, einmal von Google, Google Maps, und einmal OpenStreetMap.

Als Entwickler muss man sich vorsehen, welche API man kommerziell nutzen darf und worauf man genau achten muss. Da es meine erste Entwicklung, bzw. Anbindung einer Map API ist habe ich gehofft, dass mir eventuell jemand Tipps geben kann oder seine Erfahrungen teilt.

Suche

Neueste Kommentare

  • 1 week ago
    Bypass htaccess-htpasswd if IP = valid

    Für Apache 2.4 + Plesk 18:

    Config File: var/www/vhosts/system/test.example.com/conf/httpd.conf

  • 23 hours ago
    Install APCu (PHP 8.1, Plesk)

    RAM ist 32 MB. Wie kann ich es erhöhen?

  • 2 months 3 weeks ago
    Formulare: alle Text Felder mit Test / Demo Daten füllen (mit JQuery)
    $("input[type='radio']").each(function () {
  • 6 months ago
    How to Renew Let’s Encrypt SSL Certificate on Plesk via Ubuntu Shell

    Let’s Encrypt will only accept a wildcard via DNS challenge. 

    If your Plesk instance can’t create the _acme-challenge.example.com TXT (external DNS), the extension can’t complete validation and will show no success. 

  • 6 months 1 week ago
    Warning: Undefined array key "url" in Drupal\Core\Asset\CssCollectionOptimizerLazy->optimizeGroup()
    Warning: Undefined array key "url" in Drupal\Core\Asset\JsCollectionOptimizerLazy->optimizeGroup() 
  • 6 months 1 week ago
    Server install & config : Debian 12 + Plesk + Apache + nginx + MariaDB + Solr
    sudo timedatectl set-timezone Europe/Berlin
  • 6 months 2 weeks ago
    Warning: PHP Startup: Unable to load dynamic library 'apcu.so' ... cannot open shared object file: No such file or directory

    Try this:

  • 6 months 4 weeks ago
    List Cronjobs for all users (via for + crontab)

    Alternative (without warnings like "no crontab for dovecot") to see all tasks:

  • 6 months 4 weeks ago
    Install APCu (PHP 8.1, Plesk)

    php 8.3 apcu failed

    über Plesk hat es geklappt.

     

  • 6 months 4 weeks ago
    Install APCu (PHP 8.1, Plesk)

     

    install:

    # sudo apt install php-dev