So organisieren Sie eine mobile Version auf Bitrix. Mobile Version der Bitrix-Vorlage mit automatischer Mobile Detect-Erkennung. Moderne Technologie des adaptiven Layouts

Mit Bitrix24 können Sie nicht nur im Büro am Computer arbeiten, sondern auch außerhalb des Büros – vom Flughafen, in einem Café, von überall dort, wo es Internet gibt. Dabei hilft Ihnen die mobile Anwendung Bitrix24.

Die mobile Anwendung Bitrix24 ist eine kostenlose Anwendung, die mit iPhone, iPad und Android-Geräten funktioniert.

Jetzt werde ich Ihnen sagen, was diese Anwendung kann.

Kommunikation

Erstens geht es in erster Linie um Kommunikation – Chats mit Kollegen und Chats mit Kunden (offene Leitungen):

Sie können über die mobile App einen neuen Chat erstellen, genau wie im Browser oder in der Desktop-App!

Dazu müssen Sie lediglich auf das Symbol klicken + Wählen Sie in der rechten Ecke den Chat-Typ (offener oder geschlossener Chat) aus und laden Sie Mitarbeiter dazu ein.

In der Liste der Chats ist es jetzt möglich, Dialoge oben in der Liste anzuheften und zu lösen – Option Anpinnen/Lösen, und auch Dialoge ausblenden – Option Löschen:

In Gruppenchats können Sie mit der Option auch Benachrichtigungen ein- und ausschalten Nicht folgen/Folgen in der Chatliste. Die gleiche Option steht im Gruppenchat selbst zur Verfügung:

Sie können jeweils einen Mitarbeiter oder eine ganze Abteilung oder Abteilung zum Chat einladen. Und wenn Sie der Eigentümer des Chats sind, können Sie ihm einen neuen Eigentümer zuweisen und Benutzer vom Chat ausschließen.

Öffnen Sie dazu den Chat-Teilnehmerbereich und streichen Sie von rechts nach links (Swipe) über den Teilnehmer und wählen Sie den gewünschten Eintrag aus.

Sehen Sie sich den Live-Feed an, kommentieren Sie und liken Sie die Beiträge Ihrer Kollegen. Senden Sie Fotos von Ihrem Telefon direkt an Ihren Feed. Formulare zur Nachrichtenerstellung sind speziell für iOS und Android angepasst:

Kontakte

Sie haben jederzeit eine vollständige und aktuelle Kontaktliste der Kollegen zur Hand. In der mobilen Version von Bitrix24 ist das Finden von Informationen zum gewünschten Mitarbeiter genauso einfach wie im Portal – gehen Sie einfach in den Bereich im Hauptmenü Mitarbeiter:

Im Abschnitt können Sie Ihre Telefon- und Portalkontakte synchronisieren Einstellungen > Synchronisierung Anwendungen.

Einstellungen

Sie finden alle Anwendungseinstellungen an einem Ort. Gehen Sie dazu auf die Registerkarte Noch und oben das Einstellungsmenü aufrufen.

Die Einstellungen der mobilen Anwendung sind in mehrere Gruppen unterteilt:

    Kapitel

    Benachrichtigungen erhalten– aktiviert oder deaktiviert die Möglichkeit, Push-Benachrichtigungen zu empfangen.

    Intelligente Filterung– Wenn diese Option aktiviert ist, werden während der Arbeit in der Desktop-Anwendung keine Benachrichtigungen an die mobile Anwendung gesendet. Nützlich, um Batterie zu sparen.

    Anwendungszähler– Diese Einstellung bestimmt, welche Tool-Zähler (z. B. Live-Feed- oder Chat-Zähler) den gesamten Anwendungszähler auf dem Desktop-Symbol beeinflussen.

    Außerdem können Sie in diesem Abschnitt unnötige Arten von Benachrichtigungen für mobile Anwendungen in Nachrichten, Kalendern, Chats, Aufgaben und Telefonie deaktivieren.

    Kapitel .

    Hier können Sie Synchronisierungsprofile für Kontakte und Kalender erstellen.

    Auf Android-Geräten ist dies Teil der Systemeinstellungen, wo Sie zusätzlich die Synchronisierung detaillierter konfigurieren können.

Geräteeinstellungen

    Bitrix24-Einstellungen:

    – Vibration in der Anwendung deaktivieren oder aktivieren.

    Verwenden Sie ein helles Thema– Ändern Sie das Farbthema der Anwendung.

    Erinnerung– In diesem Abschnitt können Sie den Cache der Anwendung und der heruntergeladenen Dokumente leeren.

    Dateien– Hier wählen Sie die Größe und Qualität der Videodateien aus, die an den Live-Feed oder Chats gesendet werden.

    Klang– Sie können den Benachrichtigungston anpassen.

    Berechtigungen– In diesem Abschnitt können Sie die Zugriffsrechte auf Foto, Kamera, Mikrofon und Geolokalisierung verwalten.

    Anwendungsversion– Informationen zur Versionsnummer der Anwendung.


Jetzt können Sie Ihren Arbeitstag direkt von Ihrem Mobiltelefon aus beginnen und beenden sowie eine Pause einlegen:

Aufgabenmanagement

In der mobilen Anwendung können Sie Aufgaben erstellen, deren Erledigung überwachen und ihren Status überwachen. Bei mobilen Aufgaben stehen alle Aktionen mit Aufgaben zur Verfügung, die in Bitrix24 verfügbar sind. Wenn an Aufgaben Dateien angehängt sind, können Sie diese auch auf Ihrem Mobilgerät öffnen:

Arbeiten mit Dateien

Mit der mobilen Anwendung können Sie Dokumente, Präsentationen und Bilder anzeigen. Alles, was Ihnen entsprechend Ihren Rechten auf dem Portal zur Verfügung steht: Ihre persönlichen Dateien, öffentliche Unternehmensdateien, Dateien von Kollegen und Ihren Gruppen. Beliebte Formate und Dokumente werden unterstützt: TXT, PNG, PDF, JPG, XLS, XLSX, DOC, DOCX, PPT, PPTX. Es gibt auch eine integrierte Suche – im aktuellen Ordner nach Kopfzeilen und Dateinamen:

Dateien können wie folgt von einem Mobiltelefon heruntergeladen werden Meine Fahrt und hängen Sie es dann von der Festplatte an eine Aufgabe, an eine Nachricht im Live-Feed oder in einem Chat an oder direkt:

Aufmerksamkeit! Es gibt eine Funktion zum Laden von Bild- oder Videodateien:

    Wenn Sie zuerst Bilder oder Videos hochladen Meine Fahrt, dann werden solche Dateien nicht komprimiert, also wie das Original geladen.

    Wenn Sie Bilder oder Videos direkt in Live Feeds, Kommentare, Aufgaben oder Chats hochladen, werden diese Dateien komprimiert. Dies sollte einen großen Einfluss auf Ihre Download-Geschwindigkeit haben. Die Qualität des heruntergeladenen Videos kann im Abschnitt angepasst werden Einstellungen > Dateien Anwendungen.

Sie können bis zu 10 verschiedene Dateien auswählen und während des Downloads die Dateiübertragung abbrechen.

Kalender

Der mobile Kalender zeigt eine aktuelle Liste von Terminen, Planungssitzungen, Besprechungen und anderen Ereignissen an. Außerdem können Sie von Ihrem Mobilgerät aus Einladungen annehmen oder die Teilnahme an Besprechungen ablehnen, neue Veranstaltungen erstellen und Ihre Kollegen dazu einladen:

In diesem Abschnitt können Sie Telefon- und Portalkalenderereignisse synchronisieren Einstellungen > Synchronisierung Anwendungen.

Mobiles CRM

Mit der Anwendung können Sie mit CRM-Elementen wie Fällen, Kontakten, Unternehmen, Transaktionen, Konten, Angeboten, Leads und Produkten arbeiten. Sie können direkt in Verhandlungen mit einem Kunden einen neuen Lead erstellen oder den Status eines Geschäfts ändern:

Im Kapitel Kontakte Sie können schnell einen neuen Kontakt im CRM erstellen – alle Felder der Visitenkarte werden automatisch erkannt und als neuer Kontakt oder Firma ins CRM eingetragen:

Audio- und Videoanrufe

Bitrix24-Telefonie funktioniert auch in der mobilen Anwendung! Wenn Sie mit einem Kollegen persönlich und per Sprache kommunizieren müssen, können Sie ihn einfach anrufen. Und wenn Sie mit einem Kunden telefonieren, können Sie im CRM sofort Informationen zur Transaktion sehen. Bitrix24 zeichnet Gespräche auf, leitet Anrufe an einen anderen Mitarbeiter weiter (die Umleitung auf ein Mobiltelefon funktioniert nur vom Portal aus; eine Umleitung eines Anrufs aus einer mobilen Anwendung ist noch nicht möglich), leitet den Anruf automatisch an die zuständige Person weiter und vieles mehr:

Audio- und Videoanrufe funktionieren über WLAN, LTE, 3G, mit Unterstützung für HD 16:9.


Ich möchte Mikhail Bazarov sofort meinen Dank für den Artikel in seinem Blog aussprechen, der mich dazu inspiriert hat, noch einen Schritt weiter zu gehen und eine modernere Version der automatischen Erkennung der mobilen Version der Website zu implementieren. Vielen Dank auch an Stanislav Sazonov für seine Tipps und dafür, dass er mich in die Bootstrap-Technologie eingeführt hat.

Responsives Design oder mobile Version einer Website-Vorlage?

Bei der Anzeige von Inhalten gibt es keinen großen Unterschied. Damit dieser Inhalt jedoch auf dem Display Ihres Geräts angezeigt wird, muss dieser zunächst heruntergeladen werden. Es ist gut, wenn der Benutzer mit einem Hochgeschwindigkeits-Internetzugangspunkt verbunden ist. Idealerweise handelt es sich dabei um einen Laptop, der sich über einen WLAN-Zugangspunkt im World Wide Web angemeldet hat. Aber wie viel Nerven und Zeit verschwenden wir dann, wenn wir ein Mobiltelefon in der Hand haben und die Verbindung nicht einmal 3G, sondern normales GPRS ist?

Stellen Sie sich nun vor, dass die Site, die Sie benötigen, nur die vollständige Originalversion der Site-Vorlage enthält. Diese Version ist wunderschön: mit Animationen, Bildern, Stilen, Skripten und einer Reihe weiterer Zeilen unterschiedlicher Codearten. Und so kamen Sie auf diese Seite... 10 Sekunden, 20... Und wir warten immer noch. Unter den schlimmsten Bedingungen kann die Zeit vom Klicken auf einen Link bis zum Laden des Inhalts und der Bereitstellung auf Ihrem Display bis zu einer Minute dauern. Es gibt noch schlimmere Fälle... Was können wir tun? Aber wir haben ein responsives Design, es soll auf Mobiltelefonen schön dargestellt werden, ohne Animationen oder große Bilder.

Es wird angezeigt, ruft aber beim Laden alle Inhalte auf, auch die, die nicht angezeigt werden. Was zu tun? Alles ist ganz einfach – Sie benötigen eine separate und auch adaptive Website-Vorlage.

Vorlage für eine mobile Bitrix-Website

Domain-Alias

Also, meine Herren! Als erstes müssen wir eine Subdomain für unsere Hauptdomain erstellen. Am besten erfinden Sie das Rad nicht neu, sondern erstellen eine Subdomain wie . Im Internet habe ich gesehen, dass Leute beschrieben haben, wie man verschiedene Vorlagen miteinander verbindet, ohne einen Domain-Alias ​​für die mobile Version zu erstellen. Alles ist in Ordnung, aber wir sind Bitrix-Benutzer und verwenden die „Composite Site“-Technologie. Und wenn unterschiedliche Vorlagen an denselben Adressen angezeigt werden, geht die Bedeutung des Verbunds verloren, da der Cache ständig überschrieben wird. Ich habe das schon durchgemacht. Daher benötigen wir einen zusätzlichen Domain-Alias.

Leichte Vorlage

Jetzt müssen wir eine separate Vorlage für mobile Geräte erstellen oder, noch besser, im Voraus vorbereiten. Wie hell es sein wird, hängt vom Entwickler ab. Es ist jedoch besser, alle unnötigen JS- und CSS-Dateien zu entfernen oder deren Code zu minimieren. Entfernen Sie beispielsweise alle nicht verwendeten Stile. Entfernen Sie unnötige Animationen und Schieberegler. Natürlich ist es völlig inakzeptabel, Flash auf der mobilen Version zu belassen. Erleichtern Sie auch den PHP-Code. Deaktivieren Sie die Anzeige unnötiger Komponenten in mobilen Versionen. Dies könnte ein Filter in der Produktliste sein. Wie mir dabei aufgefallen ist, dauert die Seitengenerierung beim ersten Zugriff länger.

Mobile Erkennung

Mobile Erkennung ist eine leichte PHP-Klasse zur Erkennung mobiler Geräte (einschließlich Tablets). Es verwendet die User-Agent-Zeichenfolge in Kombination mit spezifischen HTTP-Headern, um die mobile Umgebung zu erkennen. Laden Sie die neueste Datei herunter Mobile_Detect.php direkt von der Entwicklerseite mobiledetect.net. Diese Datei installieren wir auf dem Server, direkt im Template-Verzeichnis „neben“ der Datei header.php. In beiden Vorlagen fügen wir in header.php diese Datei ein und legen die Bedingung für die Weiterleitung fest.

Code schreiben

Nun, beginnen wir mit dem Schreiben des Codes selbst. Um die Composite-Site-Technologie zu umgehen und die Erstellung des Composite-Cache nicht zu unterbrechen, benötigen wir die Datei header.php, die noch vor der Verbindung der Datei header.php der Site-Vorlage selbst verbunden wird. Diese Datei befindet sich unter /bitrix/header.php. Und schreiben Sie den folgenden Code:

Mobiler Verkehr

Treffen mit mobilem Datenverkehr

Wenn Google Ihre Website nicht als „mobilfreundlich“ kennzeichnet, wird sie für Nutzer, die über Mobilgeräte auf das Internet zugreifen, nicht mehr angezeigt. Denn bei der Suche auf mobilen Geräten berücksichtigt Google beim Ranking der Ergebnisse das Vorhandensein einer entsprechenden Optimierung. Der Mobilfunkverkehr fällt aus, die Umsätze gehen zurück und das Geschäft erleidet Verluste.
Prüfen Sie: Ist Ihre Website für Mobilgeräte geeignet?


Wie besteht man den Google-Geschwindigkeitstest?

Erforderliche Komponenten:

Der mobile Verkehr nimmt Fahrt auf!

Treffen Sie mobile Kunden richtig mit der 1C-Bitrix-Plattform!



Denken Sie, Sie haben keine mobilen Daten?
Hör zu. Auf vielen Websites herrscht mittlerweile mobiler Datenverkehr vor, auch auf solchen, die nicht für die mobile Anzeige gedacht sind und über keine mobile Version verfügen. Beispielsweise greifen Blumenzüchter, Buchliebhaber und andere Mitglieder verschiedener Communities zunehmend über mobile Geräte auf das Internet zu.

Wir treffen mobile Kunden


Ihre Website sollte mobilfreundlich sein!

Ihre Website verschwindet von den ersten Seiten der Google-Suchergebnisse, wenn sie auf Mobilgeräten nicht leicht sichtbar ist.

Google hat Websites, die für die mobile Plattform schlecht optimiert sind, gewarnt, dass diese Websites ab dem 21. April 2015 in den Suchergebnissen weiter unten angezeigt werden.

Warum ist es so wichtig, mobilfreundlich zu sein?

Sicherlich sind viele Menschen von den Google-Suchergebnissen auf Websites umgestiegen, die nicht für die Anzeige auf Smartphones optimiert sind. Seiten mit winzigen Links und schwer lesbarem Text, die zudem nicht auf den Bildschirm Ihres Geräts passen, hinterlassen einen schlechten Eindruck.

Google markiert mobile Websites in den Suchergebnissen
„Um zu verhindern, dass mobile Benutzer beim Surfen Unannehmlichkeiten erleben, werden wir damit beginnen, in unseren Suchergebnissen Seiten hervorzuheben, die für Smartphones und Tablets optimiert sind.“

Pessimisierung...

Was passiert, wenn Google Ihre Website nicht als „mobilfreundlich“ kennzeichnet? Im Wesentlichen wird die Website aus der Sicht der Benutzer verschwinden, die über mobile Geräte auf das Internet zugreifen. Denn bei der Suche auf mobilen Geräten berücksichtigt Google beim Ranking der Ergebnisse das Vorhandensein einer entsprechenden Optimierung. Der Mobilfunkverkehr fällt aus, die Umsätze gehen zurück und das Geschäft erleidet Verluste.

Wie kann man neuen Anforderungen gerecht werden?

Was soll getan werden?
  • Bestehen Sie den Test und erhalten Sie einen Bericht
  • Entdecken Sie alle Empfehlungen
  • Beseitigen Sie Probleme und Mängel
  • Holen Sie sich das Mobile Friendly Label von Google
Das können Sie ganz einfach überprüfen – machen Sie den Test

Um herauszufinden, ob Ihre Seiten die neuen Anforderungen erfüllen, gehen Sie einfach durch Überprüfungsverfahren zur Optimierung für mobile Geräte.



Nicht für mobile Geräte optimiert!

Schwer zu beheben, es sei denn, Sie sind Webmaster

Um alle identifizierten Probleme beim Anzeigen von Smartphones und Tablets und nicht nur einer Seite, sondern Ihrer gesamten Website zu beseitigen, müssen Sie viel tun. Insbesondere müssen Sie die Leitfäden für Webmaster zum Erstellen und Optimieren mobiler Versionen von Websites, die Dokumentation zum Einrichten eines Content-Management-Systems und Website-Vorlagen studieren. Das können nur Spezialisten.

Adaptives Layout

Anpassung der Website an den mobilen Markt

Bereit für den Empfang mobiler Besucher

Jede Seite Ihrer Website wird sofort für jedes Gerät neu erstellt, wenn sie sich auf der 1C-Bitrix-Plattform befindet. Ihre Website ist zunächst für Mobil-, Tablet- und Desktop-Versionen bereit. Darüber hinaus wird die Touch-Oberfläche in allen Komponenten des Online-Shops unterstützt.



Online-Shops auf der 1C-Bitrix-Plattform – mit adaptiver Vorlage


Der Kern des Produkts 1C-Bitrix: Site Management verfügt über ein integriertes Framework mit nützlichem Layout (Bootstrap 3). Das universelle Framework für Layout macht es einfacher und schneller, jede Art von Website zu erstellen, die für mobile Geräte adaptiv (mobilfreundlich) ist.

Als Erstes müssen Sie die Prinzipien des Website-Layouts ändern.



Beim Entwerfen einer Struktur müssen Sie sofort die Anforderungen an ein adaptives Layout berücksichtigen.



Sie müssen dies zu einem Teil Ihres Produktionszyklus machen!




Universeller Rahmen

Moderne Technologie des adaptiven Layouts

Ihre Website ist zunächst für Mobilgeräte optimiert

Ihre Website kann zunächst auf jedem Gerät angezeigt werden, auch auf Mobilgeräten. Der Produktkern der Version 15.5 verfügt über ein integriertes universelles Layout-Framework, das die Erstellung mobilfreundlicher (an mobile Geräte angepasster) Websites jeglicher Art erleichtert und beschleunigt.



Anpassbar an alles!
  • Universelles Framework für Layout (Bootstrap 3)
  • Hohe Produktionsgeschwindigkeit adaptiver Websites
  • Native Bereitschaft für Mobil-, Tablet- und Desktop-Versionen
  • Touch-Interface-Unterstützung in allen Online-Shop-Komponenten
Neue adaptive Online-Shop-Vorlage

Die im Lieferumfang enthaltene fertige „Online-Shop“-Lösung hat ein neues schönes Template erhalten. Mit dem Framework mit nützlichem Layout (Bootstrap 3) können Sie die Vorlage für jedes Online-Shop-System verwenden. Jede Seite Ihres Shops passt sich jetzt sofort an jedes Gerät an.

Antwort: erforderlich.

Laut Statistik besuchen Benutzer Websites zunehmend über mobile Geräte – Smartphones und Tablets.

Wenn ein Benutzer eine Suchanfrage von einem mobilen Gerät in die Suchleiste eingibt, werden die Suchmaschinen in den Suchergebnissen angezeigt Bevorzugen Sie Websites mit einer mobilen Version.

Yandex-Anforderungen für die mobile Version der Website

Dieses Bild zeigt eine Site-Überprüfung in Yandex. Sie können zu Yandex Webmaster gehen und sehen, ob die mobile Version Ihrer Website den Yandex-Anforderungen entspricht. Die Analyse kann durchgeführt werden, indem Sie zum gewünschten Abschnitt gehen:

  1. Gehen Sie zum Webmaster Yandex
  2. Gehen Sie zum Abschnitt „Extras“.
  3. Gehen Sie zum Unterabschnitt „Mobile Seiten prüfen“
  4. Geben Sie den Namen der Site ein und klicken Sie auf die Schaltfläche „Prüfen“.

Wenn die mobile Version der Website erfüllt die Erwartungen von Yandex, dann schreibt Yandex „Alles ist in Ordnung!“

Google-Anforderungen für die mobile Version der Website

Das zweite Bild zeigt einen ähnlichen Check in Google. Jeder Internetnutzer kann einen Online-Check durchführen, Sie müssen sich nirgendwo registrieren. Folgen Sie dem Link, geben Sie die Site-Adresse ein und klicken Sie auf die Schaltfläche „Analysieren“. Hier können Sie überprüfen, wie Google nicht nur die mobile Version der Website, sondern auch die reguläre Desktop-Version bewertet. Die Punktzahl wird als Prozentsatz von 0 bis 100 % angegeben.

  • Der rote Bereich von 0 bis 40 % zeigt an, dass Google die Seite wirklich nicht mag und daran arbeiten muss, die Leistung und Qualität zu verbessern.
  • Der gelbe Bereich zwischen 40 und 85 % zeigt an, dass die Site mehr oder weniger konfiguriert ist, aber noch Verbesserungen erforderlich sind.
  • Der grüne Bereich von 85 - 100 % zeigt an, dass die Site nahezu perfekt konfiguriert ist und Der Google-Suchmaschine gefällt es.

Daher stellen Suchmaschinen eine Reihe von Anforderungen an die mobile Version der Website. Damit es schnell lädt, gibt es kein horizontales Scrollen, es gibt große Links (die man am Smartphone mit dem Finger anklicken kann und nicht übersieht), damit der Text nicht zu klein wird und sich gut lesen lässt. Alles zielt darauf ab, es dem Benutzer bequem zu machen, Ihre Website von einem mobilen Gerät aus anzuzeigen..

Vorlage für die mobile Version der Bitrix-Website

Ich biete meinen Kunden eine mobile Version der Website mit diesem Design an. Nachfolgend werden Beispiele vorgestellt:

Das Layout verfügt über Steuerelemente:

  1. Link zur Homepage
  2. Die Schaltfläche ruft die Telefonanruffunktion an die angegebene Nummer auf
  3. Das Feedback-Formular öffnet sich
  4. Taste 4 öffnet das vertikale Menü
  5. Taste 5 öffnet das vertikale Menü
  6. Der grüne Button öffnet einen Chat, über den der Nutzer Fragen stellen kann.

Das Menü zeigt die Hauptbereiche der Website. Auf Wunsch können einige Abschnitte aus der mobilen Version entfernt werden.

Die Vorlage verfügt nicht über horizontales Scrollen, die Vorlage passt sich dem Gerät an. Auch Die Vorlage enthält keine zusätzlichen Java-Skripte, die die Anzeige der Seite für den Benutzer verlangsamen oder sie irgendwie verlangsamen. Java-Skripte sind auf ein Minimum konfiguriert und nur für die Funktion der mobilen Version erforderlich.

Die Vorlage verwendet ein adaptives Layout. Die Mindestbreite der Vorlage beträgt 300 Pixel. Diese Zahl wurde basierend auf Beobachtungen von Benutzergeräten ausgewählt. Die Obergrenze der Bildschirmbreite, die ich normalerweise anstrebe, liegt bei 1199 Pixeln. Oberhalb dieses Wertes handelt es sich um die normale Version der Website.

Wenn sich der Benutzer von einem mobilen Gerät (Smartphone oder Tablet) aus anmeldet, dann wird das System automatisch das bestimmt Zeigt eine Vorlage für eine mobile Website an. Die Weiterleitung zur mobilen Version der Website erfolgt basierend auf dem Namen des Gerätebrowsers des Benutzers. Die Zeile des Telefonbrowsers enthält normalerweise Wörter wie: iPhone, Android, webOS, BlackBerry, iPod, iPad. Bei Weiterleitung zur mobilen Version der Website Die Seiten-URL ändert sich nicht.

Suchmaschinen Google und Yandex halten diese Vorlage für ideal unter dem Gesichtspunkt der Geschwindigkeit und Benutzerfreundlichkeit.

Preis für die mobile Version der Bitrix-Website

Sie können eine mobile Version der Seite bei mir bestellen. Die Kosten für die Installation einer solchen Vorlage auf einer Website betragen 5.000 Rubel. Wenn die Site über einen großen Bereich verfügt (z. B. einen Produktkatalog, Nachrichten, Artikel usw.), werden die Kosten für die Anpassung eines solchen Bereichs für mobile Geräte separat ausgehandelt und hängen vom Arbeitsaufwand ab.

Wenn Sie eine Entwicklung mit einem anderen Design benötigen oder Ideen haben, erstelle ich eine mobile Version nach Ihren Wünschen.

Benötigen Sie eine mobile Version der Website? - Kontaktieren Sie uns, wir richten es ein!

Oft müssen Sie einige Elemente der Vorlage ändern oder ergänzen oder die Vorlage komplett neu erstellen. Um das Design einer Site vollständig zu ändern, wird normalerweise eine Testsite auf einer Subdomain erstellt und daran gearbeitet, die Vorlage anzupassen. Dieser Ansatz ist nicht der einfachste, da er zu Problemen bei der Portierung auf die Hauptdomäne führen kann. Heutzutage werden mobile Versionen der Website nicht nur aus Gründen der Benutzerfreundlichkeit benötigt, Suchmaschinen bevorzugen zunehmend Websites mit mobilen Versionen. Mit dieser Methode können Sie die Vorlage einfach für mobile Versionen anpassen, ohne ein bereits bestehendes Projekt zu stoppen .

Unterstützung für eine unbegrenzte Anzahl von Vorlagen in 1C-Bitrix.

Jeder, der mit 1C-Bitrix arbeitet, weiß, dass das CMS die Möglichkeit bietet, eine unbegrenzte Anzahl von Vorlagen zu verbinden. Für diejenigen, die sich nicht auskennen, schauen wir uns an, wie die Implementierung von Multi-Templates verwendet wird.
Um eine Vorlage hinzuzufügen, müssen Sie im administrativen Teil der Site zum Abschnitt „Einstellungen“ – „Produkteinstellungen“ – „Sites“ gehen. Im Dropdown-Menü im Abschnitt „Sites“ gibt es zwei Unterabschnitte – „ „Site-Vorlagen“ und „Liste der Sites“.

Kopieren Sie die Haupt-Site-Vorlage.

Kopieren wir zunächst die Site-Vorlage. Gehen Sie dazu in den Bereich „Site-Vorlagen“ und kopieren Sie die Vorlage, damit Sie später damit arbeiten können. Klicken Sie auf die Schaltfläche „Kopieren“, wie im Screenshot gezeigt:

Wenden Sie die Vorlage zur Bearbeitung auf die Site an.

Alles, was wir tun müssen, ist, die Vorlage auf die Site anzuwenden. Da unsere Site jedoch funktioniert und Benutzer darauf zugreifen können und wir sie nicht benötigen, um die auf der Site vorgenommenen Änderungen zu sehen, werden wir die Vorlage entsprechend verbinden die Bedingung - „Parameter in der URL“. Machen wir das so: Gehen Sie zum Abschnitt „Liste der Sites“ und gehen Sie zu den Einstellungen der Site, für die die Änderung erforderlich ist. Ganz unten auf der Seite mit den Site-Einstellungen befindet sich ein Block „Site-Vorlage“. Wählen Sie eine Kopie unserer Vorlage aus der Liste in der Spalte „Vorlage“ aus, legen Sie die Bedingung „Parameter in URL“ fest und fügen Sie eine beliebige für Sie geeignete Bedingung hinzu, zum Beispiel test=Y, wie im Screenshot gezeigt:

Jetzt wird eine Kopie Ihrer Vorlage angezeigt, wenn Sie diesen Parameter wie folgt an die URL übergeben: site.ru/?test=Y, wobei site.ru die Domäne Ihrer Website ist. Diese Bedingung gilt für alle Abschnitte und Seiten Ihrer Website. Wenn Sie beispielsweise sehen möchten, wie eine Vorlage in einem bestimmten Abschnitt der Website aussehen wird, gehen Sie zu diesem Abschnitt und übergeben Sie Ihren Parameter, in diesem Fall? test= Y, und die Seite wird mit der neuen Vorlage angezeigt.

Sie können die neue Vorlage nun bearbeiten, während Ihre Besucher die Website wie gewohnt sehen. Bitte beachten Sie, dass alle Änderungen im neuen Vorlagenordner vorgenommen werden müssen. Wenn Sie Komponentenvorlagen ändern müssen, die sich nicht im Ordner befinden, müssen Sie die Komponentenvorlage in den Ordner mit der neuen Vorlage kopieren. Bearbeiten Sie auf keinen Fall Komponenten im Ordner /bitrix, da dies schwerwiegende Folgen haben kann. Und erstellen Sie immer Backups in der 1C-Bitrix Cloud.

Nun, das ist die ganze Technik. Wir hoffen, dass sie Ihnen hilft, Zeit zu sparen.