Wichtiger Hinweis: dies ist ein Demo Shop, es werden keinerlei Bestellungen ausgeführt!
30 Tage Rückgaberecht

Dokumentation

Das Collmex Template ist recht einfach zu installieren und auch für ungeübte Anwender zu bewerkstelligen. Nach dem Kauf erhalten Sie eine ZIP Datei mit allen notwendigen Inhalten. Im Idealfall haben Sie schon einen fertig eingerichteten Shop, ansonsten folgen Sie bitte der Collmex Dokumentation zum erstellen eines Shops.

Info: Ihr Webserver sollte PHP unterstützen was jedoch ohnehin ein Standard ist und auf 99% aller Hosting Pakete zutrifft

Upload des Templates auf den Server

Laden Sie den gesamten Ordner Template in Ihr Shop Root Verzeichnis, am besten geht dies über eine FTP Verbindung. Lautet die Domain Ihres Shops bspw. https://www.blumenhandel.de sollte der Ordner erreichbar sein unter https://www.blumenhandel.de/template/...! Wir empfehlen Ihnen jedoch dringend den Ordner "bitte-umbenennen" umzubenennen in ein Wort das nur Sie kennen, so vermeiden Sie das die Hauptdateien Ihres erworbenen Templates womöglich von jemandem kopiert werden.

Am einfachsten lässt überprüfen ob alles korrekt hochgeladen wurde indem Sie bspw. diesen Pfad anpassen. Ändern Sie die Doamin zu Ihrer Domain und ändern Sie das "bitte-umbenennen" zu dem was Sie gewählt haben.


https://www.blumenhandel.de/templates/bitte-umbenennen/customfields.txt

Hier sollten Sie in Ihrem Browser nun den Inhalt einer Textdatei sehen.


Erstellen des Templates in Collmex

Navigieren Sie in Collmex zu Verwaltung - Templates - Anlegen. Geben Sie dem Template einen Namen den Sie später gut zuordnen können. Fügen Sie den Inhalt in das Textfeld ein (bitte vorher noch Ihre URL angeben).


Fields https://www.blumenhandel.de/template/bitte-umbenennen/page_template.txt
Fields https://www.blumenhandel.de/template/bitte-umbenennen/menu_template.txt
Fields https://www.blumenhandel.de/template/bitte-umbenennen/products_template.txt
Fields https://www.blumenhandel.de/template/bitte-umbenennen/frame_template.txt
Fields https://www.blumenhandel.de/template/bitte-umbenennen/shopframe_template.txt
Fields https://www.blumenhandel.de/template/bitte-umbenennen/maildefinitions.txt
Fields https://www.blumenhandel.de/template/bitte-umbenennen/customfields.txt

Nun navigieren Sie innerhalb von Collmex zu Verwaltung - Webauftritte - Shop Name - Einstellungen. Wählen Sie hier in den Einstellungen Ihr neues Standard Template aus. Nach dem Speichern können Sie bereits den Shop erneut hochladen.


Anpassen der Menüs

Standardmässig haben wir 3 Menüs im Template verbaut. Das Hauptmenü oben, also die Hauptnavigation heisst "MainMenu" und ist bereits vorhanden. Ein weiteres Menü heisst "FooterMenu" und ist ebenfalls bereits vorhanden. Dies wird ganz unten rechts auf der Seite angezeigt und ist vorgesehen für Impressum, Datenschutz etc. Dann gibt es noch ein weiteres Menü das sich "BottomMenu" nennt und welches manuell angelegt werden muss, hier können im oberen Footer Bereich sinnvolle Links angezeigt werden.

Anpassen von Farben, Schriften, Logo

Ein wichtiger Teil: nahezu alle Einstellungen können in dieser Datei vorgenommen werden:


https://www.blumenhandel.de/templates/bitte-umbenennen/customfields.txt

Eine grobe Übersicht der Anpassungen finden Sie hier. Für fortgeschrittenere Anpassungen oder bei Bedienungsfehlern können Sie gerne unseren kostenpflichtigen Support zu rate ziehen.

Achtung: diese Datei nur mit einem reinen Texteditor öffnen und speichern. Bitte auch keinesfalls die Variablen "PageBefore" und "PageAfter" ändern.

<!-- Hier bitte Ihre Shop Nummer eintragen -->

ShopId [1]

<!-- Der Name Ihres Shops, wird an vielen Stellen verwendet -->

Name [Werbschaft]

<!-- Die Farben Ihres Shops. Wichtig sind ColorPrimary welche sehr häufig verwendet wird und ColorSecondary, alle weiteren können belassen werden -->

ColorPrimary [afca0b]
ColorSecondary [103a5c]
ColorTertiary [7952b3]
ColorSuccess [18BC9C]
ColorDanger [E74C3C]
ColorWarning [F39C12]
ColorInfo [3498DB]
ColorLight [f2f2f2]
ColorDark [2B3239]
ColorText [565d60]

<!-- Die Sprache Ihres Shops -->

Sprache [de]

<!-- Das Logo, hier bitte den Pfad anpassen -->

LogoImage [$WebsiteBaseURL$/template/images/logo.png]
LogoTitle [Titel Text für das Logo]
LogoAlt [Alternativer Text für das Logo]

<!-- Weitere Übersetzungen -->

Copyright [© bei $Name$]
Menue [Menü]
Suche [Lieblingsprodukte finden ...]
Bestellen [Bestellen]
Warenkorb [Warenkorb]

<!-- Die Toolbar am ganz oberen Bildschirmrand -->

ToolbarLeft [30 Tage Rückgaberecht]
ToolbarCenter [<a href="$WebsiteBaseURL$/kontakt.html" title="Hilfe und Kontakt">Hilfe & Kontakt</a>]
ToolbarRight [<a href="$WebsiteBaseURL$/impressum.html" title="Impressum">Impressum</a> & <a href="$WebsiteBaseURL$/datenschutz.html" title="Datenschutz">Datenschutz</a>]

<!-- Ein optionaler Hinweis am oberen Bildschirmrand -->

Hinweis [<div id="notice" class="bg-secondary pt-15 pb-15 text-white text-center"><div class="container"><b>Wichtiger Hinweis:</b> dies ist ein Demo Shop, es werden keinerlei Bestellungen ausgeführt!</div></div>]

<!-- Oberer Footer, 1. Block mit Social Media und Kontakt -->

Bottom1 [
  
  <p class="h4">Kontakt</p>
  <p>Sie haben Fragen? Wir sind gerne Werktags für Sie da von 08.30 - 17.00 Uhr.</p>
  <p>Telefon: <a href="tel:074769458186" title="Jetzt Anrufen">07476 9458-186</a><br>E-Mail: <a href="mailto:info@werbschaft.de" title="E-Mail senden">info@werbschaft.de</a></p>
  <p class="clearfix">
    <a class="badge badge-social badge-facebook" href="https://www.facebook.com/werbschaft" target="_blank" title="Werbschaft auf Facebook"><i class="fab fa-facebook-f"></i></a>
    <a class="badge badge-social badge-instagram" href="https://www.instagram.com/werbschaft" target="_blank" title="Werbschaft auf Instagram"><i class="fab fa-instagram"></i></a>
    <a class="badge badge-social badge-twitter" href="https://twitter.com/werbschaft" target="_blank" title="Werbschaft auf Twitter"><i class="fab fa-twitter"></i></a>
    <a class="badge badge-social badge-website" href="https://www.werbschaft.de" target="_blank" title="Werbschaft im Web"><i class="fas fa-globe"></i></a>
  </p>

]

<!-- Oberer Footer, 2. Block mit Collmex Menü -->

Bottom2 [
  
  <p class="h4">Kundenkonto</p>
  $Menu(BottomMenu)$
  
]

<!-- Oberer Footer, 3. Block mit Zahlungsarten -->

Bottom3 [
  
  <p class="h4">Unsere Zahlungsarten</p>
  <p class="clearfix mb10">
    <a class="badge"><img src="$WebsiteBaseURL$/template/images/zahlung/zahlung-paypal.png" alt="Zahlung mit PayPal"></a>
    <a class="badge"><img src="$WebsiteBaseURL$/template/images/zahlung/zahlung-sofort.png" alt="Zahlung mit Sofort"></a>
    <a class="badge"><img src="$WebsiteBaseURL$/template/images/zahlung/zahlung-visa.png" alt="Zahlung mit Visa"></a>
    <a class="badge"><img src="$WebsiteBaseURL$/template/images/zahlung/zahlung-mastercard.png" alt="Zahlung mit Mastercard"></a>
    <a class="badge"><img src="$WebsiteBaseURL$/template/images/zahlung/zahlung-ec.png" alt="Zahlung mit EC"></a>
    <a class="badge">Vorkasse</a><a class="badge">Rechnung*</a>
  </p>
  <p class="small">* Rechnung für Privatkunden bieten wir an über PayPal Plus. Öffentliche Einrichtungen können bei uns per normaler Rechnung bezahlen.</p>
  
]

<!-- Oberer Footer, 4. Block mit Versand -->

Bottom4 [
  
  <p class="h4">Versand & Lieferung</p>
  <p class="clearfix mb10"><a class="badge"><img src="$WebsiteBaseURL$/template/images/versand/versand-dhl.png" alt="Versand mit DHL"></a><a class="badge">Spedition</a></p>
  <p class="small">Aufgrund Jahrelanger guter Erfahrung versenden wir weltweit mit DHL. Grössere Bestellungen können auch über unseren Speditionspartner ausgeliefert werden.</p>
  
]


Die Schrift kann auf verschiedenen Wegen geändert werden. Möchten Sie ebenfalls eine Google Font verwenden, uns das möglichst DSGVO konform, so verwenden Sie den Google Webfont Helper, laden Sie die Schrift in den "fonts" Ordner und passen die "fonts.css" gem. Ihren Wünschen an.


Die Startseite

Hier kann der Code der Startseite kopiert und nach den eigenen Wünschen angepasst werden.


<div class="slideshow-full">
  <div id="slideshow-loading-1" class="slideshow-loading"></div>
  <div id="slideshow-1" class="slideshow slideshow-multiple" style="display: none;">

    <div class="slide">
      <div class="slideshow-image position-relative">
        <img src="https://collmex.werbschaft.de/bilder/slider/slider-1.jpg" alt="" />
      </div>
      <div class="container">
        <div class="caption">
          <div class="caption-top bg-primary">
            <h2>Küchenartikel</h2>
          </div>
          <br />
          <div class="caption-bottom bg-secondary">
            <p>Spülbürsten, Geschirrtücher & Vorratsboxen</p>
          </div>
        </div>
      </div>
      <a class="slideshow-link" href="produkte_spuelbuerste-aus-nylon.html"></a>
    </div>

    <div class="slide">
      <div class="slideshow-image position-relative">
        <img src="https://collmex.werbschaft.de/bilder/slider/slider-2.jpg" alt="" />
      </div>
      <div class="container">
        <div class="caption">
          <div class="caption-top bg-primary">
            <h2>Küchenzubehör</h2>
          </div>
          <br />
          <div class="caption-bottom bg-secondary">
            <p>Vorratsboxen, Dekoartikel, Besteck</p>
          </div>
        </div>
      </div>
      <a class="slideshow-link" href="produkte_spuelbuerste-aus-nylon.html"></a>
    </div>

  </div> 
</div>

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('body').imagesLoaded( function() {
      jQuery('#slideshow-loading-1').hide();
      jQuery('#slideshow-1').fadeIn(500);
      jQuery.fn.matchHeight._update();
      jQuery('#slideshow-1').slick({
        adaptiveHeight: false,
        autoplay: false,
        autoplaySpeed: 3000,
        arrows: true,
        dots: false,
        fade: true,
        speed: 300,
        vertical: false,
        pauseOnDotsHover: true,
        rows: 0,
        prevArrow: '<a href="#" class="slick-prev"><i class="fas fa-angle-left"></i></a>',
        nextArrow: '<a href="#" class="slick-next"><i class="fas fa-angle-right"></i></a>'
      });
    });
  });
</script>

<h1>Nullam id dolor id nibh ultricies vehicula ut id elit.</h1>

<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut <a class="text-link" href="produkte_spuelbuerste-aus-nylon.html">fermentum</a> massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</p>

<hr />

<h2>Unsere Bestseller in der Übersicht</h2>

<div class="row">
  <div class="product col-lg-3 col-md-6 col-6" data-url="produkte_kochloeffel-mit-spruechen-im-3er-set.html"></div>
  <div class="product col-lg-3 col-md-6 col-6" data-url="produkte_schwarzes-besteckset.html"></div>
  <div class="product col-lg-3 col-md-6 col-6" data-url="produkte_stapelbare-aufschnittboxen-im-4er-set.html"></div>
  <div class="product col-lg-3 col-md-6 col-6" data-url="produkte_mikrofaserschwamm-im-4er-set-anthrazit-und-tuerkis.html"></div>
</div>

<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut <a class="text-link" href="produkte_spuelbuerste-aus-nylon.html">fermentum</a> massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nulla vitae elit libero, a pharetra augue.</p>




<hr />

<h2>Unsere Bestseller in der Übersicht</h2>

<div class="row">
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_eukalyptus-busch.html"></div>
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_obstschale-dekoschale-im-2er-Set-silber.html"></div>
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_getraenkekuehler-auf-beinen-sektkuehler-silber.html"></div>
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_moderne-decofigur-silber-ananas.html"></div>
</div>

<hr />

<div class="row">
  <div class="col-md-4">
    <p>Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
  </div>
  <div class="col-md-4">
    <p>Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
  </div>
  <div class="col-md-4">
    <div class="testimonial blocked">
      <i class="testimonial-icon fas fa-user"></i>
      <div class="testimonial-content content">
        <p>Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.</p>
      </div>
      <div class="testimonial-footer">Max Mustermann</div>
    </div>
  </div>
</div>

<h2>Unsere Bestseller in der Übersicht</h2>

<div class="row">
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_mikrofaserschwamm-im-4er-set-anthrazit-und-tuerkis.html"></div>
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_stapelbare-aufschnittboxen-im-4er-set.html"></div>
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_kochloeffel-mit-spruechen-im-3er-set.html"></div>
<div class="product col-lg-3 col-md-6 col-6" data-url="produkte_schwarzes-besteckset.html"></div>
</div>

<hr />

<div class="row">

  <div class="col-lg-4">
    <div class="card card-layout-3 card-color-default card-media-icon">
      <div class="card-media text-white border-default bg-default"><i class="fas fa-award"></i></div>
      <div class="card-media-before border-default"></div>
      <h3 class="card-headline text-default">Ausgezeichnet</h3>
      <div class="card-content">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Sed posuere consectetur est at lobortis.</p>
      </div>
    </div>
  </div>

  <div class="col-lg-4">
    <div class="card card-layout-3 card-color-default card-media-icon">
      <div class="card-media text-white border-default bg-default"><i class="fas fa-heart"></i></div>
      <div class="card-media-before border-default"></div>
      <h3 class="card-headline text-default">Liebevoll</h3>
      <div class="card-content">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Sed posuere consectetur est at lobortis.</p>
      </div>
    </div>
  </div>

  <div class="col-lg-4">
    <div class="card card-layout-3 card-color-default card-media-icon">
      <div class="card-media text-white border-default bg-default"><i class="fas fa-globe"></i></div>
      <div class="card-media-before border-default"></div>
      <h3 class="card-headline text-default">Weltweit</h3>
      <div class="card-content">
        <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Sed posuere consectetur est at lobortis.</p>
      </div>
    </div>
  </div>

</div>


Probleme oder Fragen

Gerne helfen wir Ihnen bei der Anpassung Ihrer Templates, schnell, kompetent, kostengünstig und vor allem sehr zuverlässig. Rufen Sie uns an oder senden Sie uns eine E-Mail.

07476 9458-186 info@werbschaft.de

Kontakt

Sie haben Fragen? Wir sind gerne Werktags für Sie da von 08.30 - 17.00 Uhr.

Telefon: 07476 9458-186
E-Mail: info@werbschaft.de

Unsere Zahlungsarten

Zahlung mit PayPal Zahlung mit Sofort Zahlung mit Visa Zahlung mit Mastercard Zahlung mit EC Vorkasse Rechnung*

* Rechnung für Privatkunden bieten wir an über PayPal Plus. Öffentliche Einrichtungen können bei uns per normaler Rechnung bezahlen.

Versand & Lieferung

Versand mit DHLSpedition

Aufgrund Jahrelanger guter Erfahrung versenden wir weltweit mit DHL. Grössere Bestellungen können auch über unseren Speditionspartner ausgeliefert werden.

Menü