Jump to content

Kategorien Bilder Grösse anpassen Classic Theme


Recommended Posts

Hallo Zusammen

1.7.6.3 (classic theme) PHP7.2

Irgendwie klemmt das ...

Möchte hier grössere Bilder Kategorien

(meine Bilder werden über eine Schnittstelle hochgeladen vom ERP) ...sollte aber keine Einfluss haben kommen richtig an 

image.png.4e91f70e134cef727fe4468a6bbdfdfa.png

 

image.png.ac586f404e60abb2ac2a3d7bf33a8c6c.png

 

Habe hier 320px eingetragen

 

image.thumb.png.2efbd8ab3971ddf5053ff24aeb215790.png

 

Leider bleibt alles beim alten ...

 

Tip?

 

Share this post


Link to post
Share on other sites

Da scheint die CSS nicht die geänderten Formate zu übernehmen. Guck mal per untersuchen Funktion was da steht. Ob per CSS das Bild wieder auf 141x180px gezwungen wird. Da könnte man dann width:auto; nehmen.

Share this post


Link to post
Share on other sites

geht ev. in die Richtung

 

.block-category .block-category-inner .category-cover img {

width: 141px;

height: 180px;

}

wie trage ich das korrekt ein ?

image.png.ed481ab7223ce903d29a7088421d0a72.png

 

PS muss man das als "mini" Bug melden ?

 

Share this post


Link to post
Share on other sites

So sollte es eigentlich korrekt sein. Wenn sich nichts tut wird es vielleicht noch von einem anderen Befehl überlagert.

width: auto !important; könnte einen unterschied machen. Muss aber nicht.

Du kannst es melden, kostet dich ja nichts.

Share this post


Link to post
Share on other sites

Erstmal machst du es im theme.css um zu sehen ob dein Code überhaupt funktioniert.

Ob es in der custom.css funktioniert existierende Befehle zu überschreiben kannst du ja testen aber ich bin der Meinung dort konntest du zusätzlichen Code einfügen.

 

Wenn du es melden möchtest, musst du das auf github machen: https://github.com/PrestaShop

Ist die Frage wie hoch die Priorität dabei ist. Aber schaden kann es nicht wenn es wirklich ein Bug ist.

Share this post


Link to post
Share on other sites

Immer in der custom.css - niemals in der theme.css sonst sind deine Änderungen beim nächsten Update weg. CSS testen/ändern kannst du ja vorher direkt im Browser mit der Untersuchen Funktion/Inspektor

Share this post


Link to post
Share on other sites

habe es so getetst im theme.css

 

.block-category .block-category-inner .category-cover img{width:auto;height:auto}

läuft perfekt  zeigt einfach Original Grösse an .. 

 

sorry meine DAU Frage

aber wie trage ich das im custom.css ein (wird das dann von theme.css übernohmen oder muss ich da noch einen link machen

bin noch der css DAU

 

 

 

Share this post


Link to post
Share on other sites

ok ist vielleicht nicht so einfach ...im Tablet Modus

sieht es so aus

Mann müsste irgendwie noch den Text besser um das Bild fliesen lassen 

 

image.png.1d742720d8c6c2e5e20a617f53e28c46.png

 

Habt ihr eine Idee ?

.block-category .block-category-inner .category-cover img

{

width:auto;

height:auto;

}

 

Share this post


Link to post
Share on other sites

Also entweder arbeitest du mit dem
 

@media (max-width:804px) {
.block-category .block-category-inner .category-cover img
{
width:auto;
height:auto;
}
}

Und kannst damit dann bei einer bestimmten Bildschirmbreite dein Bild evtl. kleiner oder größer machen ODER, was etwas komplizierter ist:

Du musst zusehen das das Bild ab einer bestimmten Bildschirmbreite auf die ganze Breite verteilt wird und der Text dann darunter ist.

Das könnte man Lösen indem man dem Bild

position: absolute;
left: -120px;
top: -250px;

gibt um es frei positionieren zu können und der Text müsste dann ein margin-top: bekommen um den Abstand nach oben zu halten.

Das wär jetzt eine Lösung. Gibt bestimmt noch weitere.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More