{"id":3153,"date":"2018-07-13T14:25:17","date_gmt":"2018-07-13T12:25:17","guid":{"rendered":"https:\/\/www.commercers.com\/blog\/?p=3153"},"modified":"2018-07-13T14:33:00","modified_gmt":"2018-07-13T12:33:00","slug":"magento-magestore-gutschein-extension-giftvoucher-probleme-bei-der-anzeige-des-gutscheins","status":"publish","type":"post","link":"https:\/\/www.commercers.com\/blog\/magento-magestore-gutschein-extension-giftvoucher-probleme-bei-der-anzeige-des-gutscheins\/","title":{"rendered":"Magento – Magestore Gutschein Extension \/ Giftvoucher Probleme bei der Anzeige des Gutscheins"},"content":{"rendered":"

Ein tiefergreifendes Problem, welches uns mittlerweile mehrfach bei der Nutzung von Magestores Giftvoucher<\/a>-Extension (M1) aufgefallen ist:<\/p>\n

Die Darstellung der Gutscheinseite ist anpassungsintensiv. Installiert man die Extension, fallen mehrere Dinge auf, die nicht so einfach zu beheben sind:<\/p>\n

    \n
  1. \n
    Wird immer zuerst (sehr kurz aber gut wahrnehmbar) das Standard Amazon Template geladen, angezeigt und dann durch den eigenen Gutschein ersetzt.<\/div>\n<\/li>\n
  2. \n
    Taucht zwischen Gutscheinwert und dem Euro-Zeichen ein “nbsp” auf, welches dort nicht sein sollte.<\/div>\n<\/li>\n
  3. \n
    Wird das Datumsformat MM\/DD\/YYYY verwendet<\/div>\n<\/li>\n
  4. \n
    Gibt es mit Umlauten (z.B. “G\u00fcltig bis”) ein Problem.<\/div>\n<\/li>\n
  5. \n
    Wird “GIFT-XXX-XXX” als Code-Platzhalter angezeigt<\/div>\n<\/li>\n
  6. \n
    und noch ein paar weitere Dinge, die nerven.<\/div>\n<\/li>\n<\/ol>\n

    Um diese Probleme zu beheben ist haupts\u00e4chlich eine Datei anzupassen. Die preview.phtml im Ordner \/annawand.de\/test\/app\/design\/frontend\/base\/default\/template\/giftvoucher\/product\/template<\/p>\n

    Diese Datei verschieben wir im ersten Schritt einmal in unser eigenes Template bevor wir sie anpassen.<\/p>\n

    Es geht nun haupts\u00e4chlich um Anpassungen bei der kurzen Ansicht des Gutscheins beim Laden der Seite. Der Gutschein selber kann zumeist aus dem Backend konfiguriert werden.<\/p>\n

    Ich gehe einmal in der preview.phtml von oben nach unten:<\/p>\n

      \n
    1. \n
      F\u00fcr die \u00c4nderung des Datumsformates f\u00fcr die G\u00fcltigkeitsdauer: In Zeile 27 den Bereich date(‘m\/d\/Y’,<\/strong> in date(‘d.m.Y’,<\/strong> \u00e4ndern.<\/div>\n<\/li>\n
    2. \n
      \n

      Sollte einen die Farbe des Textes in der Vorschau nicht gefallen, die Zeilen 57 und 58<\/p>\n

      $_styleColor = '#DC8C71';\r\n$_textColor = '#949392';<\/pre>\n
      anpassen<\/p>\n<\/div>\n<\/li>\n
    3. \n
      \n
      Im Vorschau-Popup steht statisch “Preview”. Will man dies \u00fcbersetzbar haben, macht man in Zeile 74 aus<\/p>\n
      <h4 class=\"a-popover-header-content\" id=\"a-popover-header-1\">Preview <\/h4><\/pre>\n
      dies<\/p>\n
      <h4 class=\"a-popover-header-content\" id=\"a-popover-header-1\"><?php echo $this->__('Preview');?><\/h4><\/pre>\n<\/div>\n<\/li>\n
    4. \n
      Eines der nervigen “&nbsp;” versteckt sich in Zeile 110. Dies kann man entfernen oder anpassen.<\/div>\n<\/li>\n
    5. \n
      Je nach verwendetem Design muss man Zeile 128 anpassen und dort das Gutschein-Design hinterlegen. Im Standard ist dies “templateId : ‘amazon-giftcard-01’,”<\/div>\n<\/li>\n
    6. \n
      \n
      In Zeile 129 kann man dann noch aus<\/p>\n
      notes: '<?php echo $notes ?>',<\/pre>\n
      dies machen<\/p>\n
      notes: '<?php echo nl2br($notes); echo '' ?>',<\/pre>\n<\/div>\n<\/li>\n
    7. \n
      \n
      Nun muss man das Bild des Gutscheins bestimmen, welches man haben m\u00f6chte. Dazu tr\u00e4gt man die URL in Zeile 131 ein bei<\/p>\n
      giftImageUrl: '<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA) .'\/giftvoucher\/template\/images\/simple-gift-card\/default.png' ?>',<\/pre>\n
      k\u00f6nnte dann z.B. so aus<\/p>\n
      giftImageUrl: '<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA) .'\/giftvoucher\/template\/images\/amazon-giftcard-01\/meingutscheinbild.jpg' ?>',<\/pre>\n
      Je nach Design muss man schauen<\/p>\n<\/div>\n<\/li>\n
    8. \n
      In den Zeilen danach schaut man einfach was man noch \u00e4ndern m\u00f6chte. So kann man einen gew\u00fcnschten Standard-Wert hinterlegen (Zeile 135), den Platzhalter f\u00fcr den Gutscheincode definieren (Zeile 136) etc.<\/div>\n<\/li>\n
    9. \n
      \n
      Zuletzt kann man noch (wenn man ein Problem mit “&nbsp;” beim Wert hat noch dies z.B. in Zeile 161 vor “var html = tmpl(data);” einf\u00fcgen:<\/p>\n
      \/\/replace special character\r\nif(data && data['giftValue']) {\r\ndata['giftValue'] = data['giftValue'].replace(\"&nbsp;\", \" \");\r\n}\r\nconsole.log(data);<\/pre>\n<\/div>\n<\/li>\n<\/ol>\n
      \"Bild\"<\/p>\n
      Nun hat man schon das meiste behoben. Einige \u00c4nderungen in der CSS sind aber wohl noch notwendig.<\/p>\n","protected":false},"excerpt":{"rendered":"
      Ein tiefergreifendes Problem, welches uns mittlerweile mehrfach bei der Nutzung von Magestores Giftvoucher-Extension (M1) aufgefallen ist: Die Darstellung der Gutscheinseite ist anpassungsintensiv. Installiert man die Extension, fallen mehrere Dinge auf, die nicht so einfach zu beheben sind: Wird immer zuerst (sehr kurz aber gut wahrnehmbar) das Standard Amazon Template geladen, angezeigt und dann durch den…<\/p>\n","protected":false},"author":2,"featured_media":3152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-3153","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento_extensions"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t