Bootstrap snippets Anleitung für einbau comseo wie breadcrumb zum beispiel

Hierunten ins thema einige nutzvolle bootstrap tips scroll mal weiter >>>>!

Sehe auch den bootstrap tutors:
http://www.tutorialrepublic.com/twitter-bootst…ap-carousel.php

http://www.bootply.com/ und https://www.google.de/#q=bootstrap%20anleitung%20deutsch

http://holdirbootstrap.de/css/

Also es gibt sehr viel zu finden auf von und mit den bootstrap.

Dazu sind bereits ein par links hier ins forum.

Weiter gibt es button generatoren, snippets unsw, dazu werde es dan vielleicht sinvol für den basis ein art standard Anleitung dazu zu haben, wie die vorgang sein soll beim alles was eigentlich bereits standard möglich ist. ( so simples algemeine tips)

Und dan als erweiterung ein ansatz wie man solche auch erweitern kan.

Beispiel für dan gleich ein Sinvolle Anleitung kan so ein breadcrumb snippet einbauen sein wie http://bootsnipp.com/snippets/featu…ive-breadcrumbs

Sehe beitrag 7 wie den standard bootstrap css class für den breadcrumbs in comseo geht>>

Also kein Bootstrap Trainung, ( wen dan links zu dem ) nur einfach für COMSEO Kunden wo die anfangen sollen, und den vorgang in kombi mit den COMSEO.

Den Gutscheine mit so ein snippet nur wen es interresant ist ?
http://bootsnipp.com/snippets/featu…-discount-label

AAH besser noch Entwickler machen hier mit und dazu dan ein Forum Ecke idee?

Hier beispiel womit ich anfänge kein snippet aber sinvoll ein Collapse ( einklap;) Button, wo man vorab dan button selbe auch mit den button generator gestalten kan.
http://www.plugolabs.com/twitter-bootst…on-generator-3/

Also wen man info's hat an texte aber oder viel zuviel, oder nur zum lesen wen es einer möchte dan so etwas benutzen greift in jeden content teil beim COMSEO

Nur dieser teil in code braucht man id und texte naturlich selbe ...

Zitat

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#denid">
Bitte wichtig lesen <span class="glyphicon glyphicon-warning-sign"></span>
</button>

<div id="denid" class="collapse">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,
</div>

Alles anzeigen

Dieser sollte ziemlich sinvoll sein beim alle Plicht inputfelder wen es in mehrsprache geht http://bootsnipp.com/snippets/featu…ng-with-tooltip
oder dort etwa dieser http://bootsnipp.com/snippets/featu…ul-input-groups

Sind nur beispiel wie man hoffe einfach ein noch bessere eindeutige User experience bekommen kan mit den COMSEO SHOP

Nicht gleich snippets aber den bootstrap buttons ( kan man einfach wen man selbe nicht 123 weis3 über nen bootstrap button generator den code holen) http://www.plugolabs.com/twitter-bootst…on-generator-3/ die laufen auch in den html editor, nur in standard config davon nicht den glyphicons teil.

Die kan man dan anpassen ( den header teil meta.php den empty span zulassen und/oder den ckeditor.js das teil anpassen) sehe dafür auch tips und adon
http://ckeditor.com/addon/glyphicons

Haben es jetzt in 2 shops laufen , vorteil ist dass auch wen mit ein WAWi fühlung oder reines code den glyphicons drin waren, nach ein öfnen speichern mit shopadmin htlm editor die weg waren, dieser problem behoben ist http://plussupport.commerce-seo.de/showthread.php…ull=1#post13913

[ATTACH=CONFIG]685[/ATTACH]
Also keine code sehe hierunten button so wie man es haben möchte, wen farbe anders dan default dan muss man in css dran

<a class="btn btn-default btn-danger btn-lg btn-block" href="#"><span class="glyphicon glyphicon-phone-alt"></span> NICHT ANRUFEN BITTE</a>

Mit den angepassten html ckeditor lauft also auch dass Telefon icon oder welche glyphicon dan auch

( glaube ander icons sollen so dan richtig gehen)

in den class_breadcrums.php

zeile 37 erweitern mit den bootstrap css class für breadcrumb

von so

$trail_string .= '<span  itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="' . $this->_trail[$i]['link'] . '" itemprop="url"><span itemprop="title">' . $this->_trail[$i]['title'] . '</span></a></span>';

in so

$trail_string .= '<span class="breadcrumb" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="' . $this->_trail[$i]['link'] . '" itemprop="url"><span itemprop="title">' . $this->_trail[$i]['title'] . '</span></a></span>';

Dan kan man dieser weiter in den stylesheet.css noch anpassen den default ist bereits in reset.css damit seht es auch besser aus

Also wen möglich dieser als default in de shopcode einbauen oder?

( weiter den schema.org snippet dafür ist erweitert / geänderd worden, da google dieser bereits erkennt und google vielleicht dieser als wichtiger sehen würde in zukunft dan alte microdata vielleicht auch mal anpassen)
http://www.w3.org/wiki/WebSchemas/Breadcrumbs

Ok dan extra ecke hier ins forum wo man die es haben damit hilfen kan ?

Es gibt in bootstrap auch noch ein accordion textepanel womit man dan den texte / content auch ganz gut gestalten kan mehrere gehen auf einer seite unsw. beispiel sehe bild von kategorie wo man zuklappen oder aufklappen kan wo die Kunde es haben möchtet also viel content aber weniger scrollen.

Beim intresse nachfragen

[url]http://www.wintersport-onlineshop.nl/nl/sport-protectie-snowboard-ski/[/url]

( hier eins fertig in nl sprache besuch die Seite sprache auf niederländisch setzen dan seht man mehr dan aufs bild, wie auch dass auf mehrere stellen bilder responsive nicht mehr aus den boxen und über texte laufen .. )

Man kan auf die shop gehen und mailen / kontakt formular oder anrufen . QWeil den pm hier ist sehr schnell voll

[ATTACH=CONFIG]691[/ATTACH]

Beispiel wen den images selbe nicht responsive mitlaufen mit bild v2nextdemo, da muss man oder image size oder den template anpassen. ( wir haben den boot flat template von den shop oben dazu angepast

[ATTACH=CONFIG]692[/ATTACH]