Thema: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

woeppel · **Antwort #1065 am:** 04. Dezember 2020, 15:33:55

Bisher verwenden wir in unseren Shops das Template Bootstrap3.
In einem neuen Shop möchte ich Bootstrap4 verwenden.
Im Shop sind Hintergrundbilder mit folgendem in der includes/header.php.

Code: PHP [Auswählen]

<?php
if (strstr($PHP_SELF, FILENAME_POPUP_IMAGE )) {
echo '</head>' . "\n" .
'<body onload="resize();">';
} else {
$bg_img_dir = DIR_FS_DOCUMENT_ROOT.'/templates/'.CURRENT_TEMPLATE.'/img/background_images/';
$bg_images = array_diff(scandir($bg_img_dir), array('..', '.'));
echo '</head>' . "\n" .
'<style type="text/css">' . "\n" .
' @media only screen and (min-width: 980px) {' . "\n" .
' #load-bg-img {' . "\n" .
' background-image: url(templates/'.CURRENT_TEMPLATE.'/img/background_images/'.$bg_images[array_rand($bg_images)].') !important;' . "\n" .
' }' . "\n" .
' }' . "\n" .
'</style>' . "\n" .
'<body id="load-bg-img"> ';
}
?>
</head>
<body>
<?php

Jetzt benötige ich in der CSS noch im "body"

Code: PHP [Auswählen]

background-attachment: fixed;background-repeat: no-repeat;background-position: center

Wie kann ich das in diesem Template bewerkstelligen?

https://www.manufakt-art.de/

Für jede Hilfe bin ich dankbar.

Grüsse
Markus

noRiddle (revilonetz) · **Antwort #1066 am:** 04. Dezember 2020, 16:04:11

Welche Shop-Version ist denn das ?
Die header.php sieht mir veraltet aus, abgesehen davon, daß man das so nicht macht wie du das implementiert hast.
Es ist außerdem fehlerhaft.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruß,
noRiddle

woeppel · **Antwort #1067 am:** 04. Dezember 2020, 16:09:12

@noRiddle

modified eCommerce Shopssoftware v2.0.4.2 rev 11374

schau hier
https://www.modified-shop.org/forum/index.php?topic=29741.30

Viele Grüsse
Markus

noRiddle (revilonetz) · **Antwort #1068 am:** 04. Dezember 2020, 17:07:33

Das ist doch von 2015.
Wofür hat sich modified so viel Mühe gegeben Hooks in den Code einzubauen.
Lege eine Datei mit von dir gewähltem Namen und .php-Endung (z.B. background_image.css.php in /includes/extra/header/header_head/ und füge da deinen Code ein.
Ist die id="load-bg-img" für den body-tag nötig ?
Sollte doch auch ohne gehen. Z.B. so:

Code: PHP [Auswählen]

<?php
/**************************************************
* file: background_image.css.php
* path: /includes/extra/header/header_head/
* use: load random background image
*
*
**************************************************/

if(basename($PHP_SELF, '.php') != FILENAME_POPUP_CONTENT) {
$bg_img_dir = DIR_FS_DOCUMENT_ROOT.'/templates/'.CURRENT_TEMPLATE.'/img/background_images/';
$bg_images = array_diff(scandir($bg_img_dir), array('..', '.'));
?>
<style>
@media only screen and (min-width:980px) {
body {background: url(templates/<?php echo CURRENT_TEMPLATE; ?>/img/background_images/<?php echo $bg_images[array_rand($bg_images)]; ?>) no-repeat fixed center center !important;}
}
</style>
<?php
}
?>

Natürlich dann auch wieder die orginale header.php in den Shop laden.

Gruß,
noRiddle

woeppel · **Antwort #1069 am:** 04. Dezember 2020, 17:55:14

@noRiddle

Es funktioniert. Merkwürdigerweise, wenn ich in Unterkategorien reingehe / reinklicke zeigt es mir oft kein Bild an.

Vielen herzlichen Dank.

Viele Grüsse
Markus

noRiddle (revilonetz) · **Antwort #1070 am:** 04. Dezember 2020, 18:08:53

Offensichtlich hast du irgend ein SEO-URL-Modul welches nicht modified-Default ist.
Da wird eine relative URL wie templates/bootstrap4/img/background_images/blabla.jpg offensichtlich anders aufgelöst.
Ich würde das ohnehin etwas anders machen, wollte aber den Code den du bereits hattest übernehmen.
Versuche mal im Code anstatt diesem

Code: PHP [Auswählen]

body {background: url(templates/<?php echo CURRENT_TEMPLATE; ?>/img/background_images/<?php echo $bg_images[array_rand($bg_images)]; ?>) no-repeat fixed center center !important;}

das

Code: PHP [Auswählen]

body {background: url(<?php echo HTTP_SERVER; ?>/templates/<?php echo CURRENT_TEMPLATE; ?>/img/background_images/<?php echo $bg_images[array_rand($bg_images)]; ?>) no-repeat fixed center center !important;}

Gruß,
noRiddle

*NACHTRAG*
Da das Bild für die in der Media-Query angegebene Breite ja eigtl. zu groß ist sollte es vielleicht sogar so lauten:

Code: PHP [Auswählen]

body {background: url(<?php echo HTTP_SERVER; ?>/templates/<?php echo CURRENT_TEMPLATE; ?>/img/background_images/<?php echo $bg_images[array_rand($bg_images)]; ?>) no-repeat fixed center center / cover !important;}

Karl1 · **Antwort #1071 am:** 04. Dezember 2020, 18:09:33

Hallo Markus,
deine Seite hat keinen schließenden Head- und keinen öffnenden Body-Tag.
Ohne diese Tags kann man deine Seite nicht validieren.

In den Kategorien Neonschminke und Bärte hast du so große Kategoriebilder, die solltest du wenn sie so bleiben über der BS4 Banner Manager als Banner setzen.

Gruß Karl

noRiddle (revilonetz) · **Antwort #1072 am:** 04. Dezember 2020, 18:18:13

Offensichtlich nicht die originale header.php wieder hochgeladen.

Gruß,
noRiddle

woeppel · **Antwort #1073 am:** 04. Dezember 2020, 18:25:46

Jetzt müsste die header.php stimmen? Ich hatte das mit raus gelöscht. Die Orginale habe ich nicht mehr.

@Karl1
Der neue Shop wurde von einem anderen Shop übernommen. Da sind jetzt noch Kategorien vom anderen Shop zum Test drin. Die werden noch alle gelöscht.
Danke für den Hinweis.

Viele Grüsse
Markus

awids · **Antwort #1074 am:** 04. Dezember 2020, 18:35:16

Du solltest das CSS noch ein wenig modifizieren, wenn du willst, dass man deine Hintergrundbilder sieht. Statt:

Code: CSS [Auswählen]

background: url('templates/bootstrap4/img/background_images/handwerkskunst.jpg') no-repeat fixed center center !important;

könntest du zum Beispiel folgendes machen:

Code: CSS [Auswählen]

background: url('templates/bootstrap4/img/background_images/handwerkskunst.jpg') no-repeat fixed top right !important;

Dann sieht man auch was.

woeppel · **Antwort #1075 am:** 04. Dezember 2020, 18:52:25

@awids
Dann gehen die Hintergrundbilder zu weit in die Produkte rein. Ich muß mit der Grafik noch etwas spielen, damit diese noch etwas mehr reinkommen, bis zum rechten Rand der Produkte
Es ist sehr schön von dir zu hören. Áls Dienstleiter wurdest du von mir auch schwer vermißt.

@noRiddle
Vielen Dank für die Ergänzung. Jetzt bin ich glücklich. Die alte header.php habe ich doch noch gefunden.

Viele Grüsse
Markus

tiberosa · **Antwort #1076 am:** 04. Dezember 2020, 19:37:14

habe seit ein paar Tagen die neue Shopversion und bastle einen Shop. Kann man eine Kategorie und vor allem die Unterkategorien als Link anlegen und die Unterkategorien mit Content-Seiten verlinken?

Habe das Mega Fish Menu und möchte da auf Kategorie-Ebene noch "Informationen" drin haben und als Unterkategorien dann "über xxx" "Über yyy".... und das dann als Link zu einer Text/Contentseite.

tiberosa · **Antwort #1077 am:** 04. Dezember 2020, 21:30:25

Nachtrag: Ich habe das Design momentan ohne Boxen rechts und links und finde das eigentlich ga nzgut so. Daher geht das ohne Zusatzbox?

Karl1 · **Antwort #1078 am:** 05. Dezember 2020, 12:00:58

Hallo tiberosa,
zu deinen Fragen:

1. Verlinkung zu Kategorien:
Das machen die Menüs doch automatisch, wenn du aber unabhängige zusätzliche Links einbauen willst, dann geht das nur im Superfishmenü.
Schau dir mal in der BS4 Konfiguration Tab Menüs den Punkt zusätzliche Links an.

2. Zusätzliche Info im Mega Menü:
Das geht dynamisch nicht.
Mit dynamisch meine ich, dass ein Menüpunkt angelegt wird sobald eine Kategorie aktiv ist.

3. Daher geht das ohne Zusatzbox nicht:
Du hast zwar ein Fragezeichen gesetzt, aber leider ich verstehe nicht wo hier die Frage ist.

Gruß Karl

woeppel · **Antwort #1079 am:** 05. Dezember 2020, 18:15:08

@Karl1

Beim Easyzoom bekomme ich ein Error. "The image could not be loaded".
Diesbezüglich kann ich im Forum nichts finden.
Kannst du mir helfen?

Viele Grüsse
Markus

modified eCommerce Shopssoftware v2.0.4.2 rev 11374

Thema: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

woeppel

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

noRiddle (revilonetz)

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

woeppel

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

noRiddle (revilonetz)

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

woeppel

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

noRiddle (revilonetz)

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

Karl1

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

noRiddle (revilonetz)

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

woeppel

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

awids

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

woeppel

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

tiberosa

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

tiberosa

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

Karl1

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

woeppel

Re: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

Teile Thema

Ähnliche Themen

TEMPLATE: Bootstrap3 für Shop 2.0 - freies responsive Template

TEMPLATE: Bootstrap5 für Shop 3.x - freies responsive Template

TEMPLATE: Bootstrap - freies responsive Template

Modified Responsive Flat Template - Kategorie Bild im mobilen Template