Anpassungen in den Design-Templates für die neuen Features im Service-Update 7.0.4

Größe: px

Ab Seite anzeigen:

Download "Anpassungen in den Design-Templates für die neuen Features im Service-Update 7.0.4"

Katja Fischer
vor 7 Jahren
Abrufe

1 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg Anpassungen in den Design-Templates für die neuen Features im Service-Update Name Date Signature Responsible for Michail Sazonov specification Delivering committed Peter Quensell Page 1 of 8

2 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg Document log: Document description: Name: Project: Document type: Anpassungen in den Design Templates für die neuen Funktionen des Service- Updates CM Studio.iBooking Service-Update Dokumentation Document state: Version: CM Studio.iBooking Status: Service Update released am Store: Name of document: Path: Change log: Name Date Version Change description Oleg Schildt Released Service Update Page 2 of 8

3 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg 1 Allgemeines zum Service-Update vom Das Aussehen und die Positionierung der einzelnen Elemente innerhalb des Buchungsprozesses kann individuell für jedes Design-Template angepasst werden. Das Aussehen wird mit Hilfe von folgenden Templates gesteuert, die im Unterverzeichnis modules liegen. booking_process.tpl calender_view.tpl ext_booking.tpl voucher_shop.tpl voucher_shop_steps.tpl pricelist.tpl special_offer.tpl Jedes Template kann sprachenabhängig spezifiziert werden. Zum Beispiel: booking_process_de.tpl calender_view_de.tpl Page 3 of 8

4 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg 2 Service Update Kategorien-Filter Standardmäßig wurde nach dem Typ des Zimmers gefiltert Zimmer Ferienwohnung Ferienwohnung mit fixem Preis Es gibt aber Hotels, die nur Zimmer haben, und die Zimmerliste ist überaus umfangreich. Dafür wurde der Kategorie-Filter implementiert. Um den Filter auszutauschen, muss man im Template booking_process.tpl Folgendes ersetzen. Alter Code: <div class="available_rooms_list"> special_offer_header special_offer_filter room_type_filter available_rooms_list special_offer_banner Neuer Code: <div class="available_rooms_list"> special_offer_header special_offer_banner special_offer_filter room_category_filter available_rooms_list special_offer_banner Page 4 of 8

5 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg In der CSS Datei user.css (diese finden Sie in der zugehörigen Designvorlage) müssen darüber hinaus stilistische Anpassungen vorgenommen werden. Die vorhandenen CSS Regeln für den Bereich room_type_filter müssen auch für den Bereich room_category_filter übernommen werden. Alter Code: table.room_type_filter, table.spec_offer_filter border-collapse: collapse; table.room_type_filter td, table.spec_offer_filter td padding: 5px;.room_type_filter select width:250px; height:22px; border:1px solid #222; Neuer Code: table.room_category_filter, table.room_type_filter, table.spec_offer_filter border-collapse: collapse; table.room_category_filter td, table.room_type_filter td, table.spec_offer_filter td padding: 5px;.room_category_filter select,.room_type_filter select width:250px; height:22px; border:1px solid #222; Page 5 of 8

6 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg 3 Service Update Discounts CM Studio.iBooking unterstützt nun verschiedene Discountsraten innerhalb der Zimmer/FeWo-Kategorien: Frühbucherrabatt Last-Minute-Rabatt Long-Stay Rabatt Wenn ein Discount im Backend von CM Studio.iBooking eingestellt ist, wird dieser Rabatt während des Buchungsprozesses automatisch auf die Standardpreise umgerechnet und kann auch als solcher textlich ausgewiesen werden (dieses Feature bezeichnet man als Discount-Kommentar). Dafür muss man einen neuen Platzhalter in das Template ext_booking.tpl einsetzen. Am besten platziert man den Discount-Kommentar unter den Preisen. Alter Code: Neuer Code: <td> <strong>room_price_type</strong><br> <div class="prices_wrapper">room_prices <br> <div class="room_booking"> <div>word:freerooms:free_rooms_count <div>choose_room_select </td> <td> <strong>room_price_type</strong><br> <div class="prices_wrapper">room_prices <div class="room_discount_comment">room_discount_co mment <br> <div class="room_booking"> <div>word:freerooms:free_rooms_count <div>choose_room_select </td> Damit der Discount-Kommentar deutlich sichtbar wird, sollte man dafür eine zusätzliche CSS Regel in user.css (siehe Designvorlage) einsetzen:.room_discount_comment color: red; font-size: 11px; Page 6 of 8

7 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg 4 Service Update Zimmerdetails in der Buchung auf- und zuklappen Wenn die Anzahl der Zimmerkategorien mehr als 6 / 7 Kategorien umfasst und gleichzeitig die Infotexte zu jeder Zimmerkategorie sehr umfangreich sind, kann es vorkommen, dass die Auswahlliste innerhalb des Buchungsprozesses zu lang wird. Die Idee ist, den Infotext zur Kategorie per Default nicht anzuzeigen und lediglich bei Bedarf über einen + -Button anzuzeigen. Das kann man komplett innerhalb des Design-Templates lösen, ohne den Anwendungscode anpassen zu müssen. Zuerst müssen folgende Anpassungen im Template ext_booking.tpl vorgenommen werden. Alter Code: Neuer Code: <td class="thumb"> <div>room_image <br /> <div class="description">room_description <br /> <strong>inklusive:</strong> <div class="additional_services"> mandatory_services  <br> <b>word:partnerhotels</b><br><br> partners  </td> <td class="thumb"> <div>room_image <br /> word:moreinfo <input type="button" value="..." onclick="toggle_more_info('more_info_room_i_name')"> <div id="more_info_room_i_name" style="display:none"> <div class="description">room_description <br /> <strong>inklusive:</strong> <div class="additional_services"> mandatory_services  <br> <b>word:partnerhotels</b><br><br> partners  </td> Dieser Code umfasst den Infotext in einer gesonderten DIV-Klasse um per Default nicht dargestellt zu werden, und fügt diesen Infotext über einen Button hinzu, der diese zugehörige DIV-Klasse einblendet. Page 7 of 8

8 W.O. Ismajlowskij Pr. 22 "A" St. Petersburg Die zurgehörige Java-Script-Funktion toggle_more_info, die an dem Button hängt, muss in user.js (siehe Designvorlagen) implementiert werden: function toggle_more_info(id) var elm = document.getelementbyid(id); if(!elm) return; if(elm.style.display == 'none') elm.style.display = 'block'; else elm.style.display = 'none'; Page 8 of 8

Ähnliche Dokumente

Anpassungen in den Templates für das Feature

W.O. Ismajlowskij Pr. 22 "A" 190005 St. Petersburg Anpassungen in den Templates für das Feature Zimmerdetails in der Buchung auf- und zuklappen Name Date Signature Responsible for 01.12.2014 Michail Sazonov