Fragen zur Design Anpassung

TMOGaming · 12. November 2016

Guten Morgen

Ich sitze jetzt seit einigen Stunde an meinem Shop. Ich möchte ein paar Änderungen vornehmen bei denen ich aber nicht mehr weiter weiß.
Wie stelle ich das am besten an ?

1. Ich möchte meine Shop Produkte neben einander und nicht mehr untereinander auflisten damit ich Platz spare. Dabei sollen wenn es möglich ist auch die Trennstriche verkürzt werden.

2. Gibt es eine Möglichkeit die Flaggen zu entfernen. Es ist nicht nötig eine Sprachauswahl zu haben da wir nur in Deutschland und Österreich verkaufen.

3. Ich würde gerne zu meinen Shop Kategorien Unterseiten haben. Also das der Kunde mit der Maus auf beispielsweise VoiceServer geht, und dann die Unterseiten
TeamSpeak3 Server und MusikBot bekommt. Wenn man dann auf diese Klickt kommt man zur Produkt Auswahl wo man alles Konfigurieren kann und auch bestellen geht.

Hier der Link zu meinem Shop

Vielen Dank ich hoffe Ihr könnt mir helfen.

CFrankenstein · 12. November 2016

1. Siehe suche hier im Forum. Oder auch kurz gesagt div boxen via Float:left realisieren.
shop produkte nebeneinander

2. einfach in der /themes/.../templates/overall_header.tpl entfernen.

3. Wenn ein Dropdown Menü gemeint ist, da gibt es viele Lösungen z.b. google -> css dropdown, js menu etc im Grunde muss bei einem hover über dem link Voiceserver nur eine box mit den Links Teamspeak3 und Musikbot eingeblendet werden.

ich hoffe es reicht so. Ansonsten einfach posten.

nocTEK · 12. November 2016

Guten Abend,

wenn Sie einen Designer suchen für ein Individuelles Design oder schon fertige Shop Layouts können wir Ihnen gerne Angebote schicken.

TMOGaming · 12. November 2016

Danke für die Antwort
Die Flaggen sind jetzt weg. Aber Könnten Sie mir ein Beispiel für so ein Dropdown Menü posten ? Finde nicht das was ich wollte. Habe mir den Produkte neben einander Post durchgelesen aber bei mir waren dann alle Produkte durcheinander.

Könnten Sie mir auch sagen wie ich die Hintergrund Farbe im Header und Footer ändern kann ?

Vielen Dank

HTML: Meine Kategorien

<div id="menubar_box">
	<ul id="menubar_list">
	    <li><a href="modules.php?name=sections&ids=1">Startseite</a></li>
		<li><a href="modules.php?name=store&op=category&ids=1">Web hosting</a></li>
		<li><a href="modules.php?name=store&op=category&ids=2">GameServer</a></li>
		<li><a href="modules.php?name=store&op=category&ids=5">VoiceServer</a></li>
		<li><a href="modules.php?name=store&op=category&ids=4">Clan Pakete</a></li>
		<li><a href="modules.php?name=store&op=basket">Warenkorb</a></li>


	</ul>
</div>

Alles anzeigen

ITHosting Kraft · 12. November 2016

Hi,

ich möchte jetzt hier nichts vorkauen (ich müsste teilweise wirklich selbst nochmal nachschauen ). Ich helfe dir aber gerne um auf den richtigen Weg zu kommen.

Über Google findest du echt eine Menge an verschiedenen Lösungen bezüglich DropDownMenüs. Musst nur das richtige dafür raussuchen.
Ich würde dir aber empfehlen schon auf fertige Frameworks wie Bootstrap zu setzen. Diese Frameworks bringen schon viel an Klassen für z.B. DropDowns mit und Beispiele, wie eine Homepage gestaltet werden kann. EInfach mal auf der Seite ein bissl schnuppern. Der Vorteil dabei ist zusätzlich noch, dass diese Frameworks bezüglich Responsive Designs dir in die Hände spielen und viel Arbeit ersparen.

Um herauszufinden, wo in der CSS-Datei genau die Anweisung für z.B. deine Farbe steht, öffne einfach mit F12 deine Entwicklerkonsole. Je nach Browser (Chrome ganz links und bei Firefox ziemlich weit rechts) gibts ein kleines Tool, mit dem man entsprechende Elemente direkt im Browser anklicken kann. Anschließend gibt er dir Informationen aus, welche CSS-Regeln auf dieses Element angewendet wurden und wo und in welcher CSS-Datei dies zu finden ist.

Viel Spaß ansonsten beim Designen

TMOGaming · 13. November 2016

Danke mir fehlt nur noch der erste Punkt:
1. Ich möchte meine Shop Produkte neben einander und nicht mehr untereinander auflisten damit ich Platz spare. Dabei sollen wenn es möglich ist auch die Trennstriche verkürzt werden.

Habt Ihr da irgendeine Idee wie ich das machen kann ?

Danke

Web-Stream24.de · 13. November 2016

Gestallte dir eine eigene seite per section_seiten-name.tpl dann das ganze als Tabelle machen und dann die produkte verlinken.

CFrankenstein · 13. November 2016

Zitat von CFrankenstein

1. Siehe suche hier im Forum. Oder auch kurz gesagt div boxen via Float:left realisieren.
shop produkte nebeneinander

dort steht der Link wo es bereits erklärt wurde den Link einfach aufrufen, mal in ruhe lesen. Ansonsten wie Web-Stream24.de es sagt den Shop einfach auf "eigene seiten" verlinken und dort die Produkte selbst auflisten wie man will. Diese dann auf die einzelnen Produkte im Shop verlinken.

Teilen