Jump to content

Osztály megváltoztatása

Godzillahuu

By Godzillahuu
in Magyar [Hungarian]

 Share

Recommended Posts

Godzillahuu Newbie

Godzillahuu

Posted
Posted (edited)

Sziasztok,

 

Vásároltam egy theme-t és szeretném teljesen olyannak látni az oldalt.

A problémám a következő:

A sablon konfigurátorral kitettem a főoldalra Kategóriákat és ezeket szeretném bekeretezni.

Hogyan tudom megváltoztatni, milyen osztályból szedje az értékeket?

Remélem érthető voltam :)

post-1326464-0-69694500-1478166748_thumb.jpg

post-1326464-0-06973500-1478166750_thumb.jpg

A válaszokat előre is köszönöm.

 

Üdv.

Gábor

Edited by Godzillahuu (see edit history)
Link to comment
Share on other sites
pattila01 Contributor

pattila01

Posted
Posted

Nem találom a fájlodban a szükséges sorokat.

 

Például: keress rá a hooks.css-ben erre:

 

#htmlcontent_top ul li

 

itt:

 

http://static.livedemo00.template-help.com/prestashop_49456/themes/theme976/css/modules/themeconfigurator/css/hooks.css

 

Bent van.

Viszont a global.css-edben nem találom:

 

https://konyhashow.eu/themes/theme976/css/global.css

 

Megnéznéd még egyszer, hogy jól betetted-e?

  • Like 1
Link to comment
Share on other sites
Godzillahuu Newbie

Godzillahuu

Posted
  • Author
Posted

A global.css-ből másoltam ki:

/* Top hook CSS */
@media (max-width: 768px) {
  #htmlcontent_top {
    margin-bottom: 30px; } }
#htmlcontent_top ul {
  margin-bottom: 0; }
  #htmlcontent_top ul li {
    min-height: 150px;
    margin-bottom: 30px; }
    @media (max-width: 480px) {
      #htmlcontent_top ul li {
        min-height: 0; } }
    #htmlcontent_top ul li > .item-link {
      display: block;
      border: 1px solid #b0b0b0;
      border-radius: 4px 4px 0 0;
      overflow: hidden; }
    #htmlcontent_top ul li .item-html {
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f1f1f1), to(#e2e2e2));
      background-image: -webkit-linear-gradient(top, #f1f1f1, 0%, #e2e2e2, 100%);
      background-image: -moz-linear-gradient(top, #f1f1f1 0%, #e2e2e2 100%);
      background-image: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF1F1F1', endColorstr='#FFE2E2E2', GradientType=0);
      border-radius: 0 0 4px 4px;
      border: 1px solid #b0b0b0;
      border-top: none;
      padding: 5px 10px 9px 16px; }
    #htmlcontent_top ul li h4 {
      margin: 0;
      font-weight: 600;
      font-size: 21px;
      text-shadow: 0px 1px 1px white;
      position: relative; }
      @media (max-width: 991px) {
        #htmlcontent_top ul li h4 {
          font-size: 18px; } }
      @media (max-width: 480px) {
        #htmlcontent_top ul li h4 {
          font-size: 14px; } }
      #htmlcontent_top ul li h4 a {
        display: block; }
    #htmlcontent_top ul li i {
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -7px;
      font-size: 19px;
      color: #777777; }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }
Ezt másoltam át előbb a hook-ből.
Link to comment
Share on other sites
pattila01 Contributor

pattila01

Posted
Posted

A 8350-es sor így nézzen ki:

#htmlcontenttop ul li > .item-link {
    display: block;
    border: 1px solid #b0b0b0;
    border-radius: 4px 4px 4px 4px;
    overflow: hidden;
}

A felső 8366. sor (amit fent módosítottunk már) pedig így nézzek ki (ez a végleges elméletileg):
 

#htmlcontenttop ul li h3 {
    margin: 0;
    font-weight: 600;
    font-size: 21px;
    text-shadow: 0px 1px 1px white;
    position: relative;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f1f1f1), to(#e2e2e2));
    background-image: -webkit-linear-gradient(top, #f1f1f1, 0%, #e2e2e2, 100%);
    background-image: -moz-linear-gradient(top, #f1f1f1 0%, #e2e2e2 100%);
    background-image: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF1F1F1', endColorstr='#FFE2E2E2', GradientType=0);
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #b0b0b0;
    padding: 5px 10px 9px 16px;
}
Link to comment
Share on other sites
Godzillahuu Newbie

Godzillahuu

Posted
  • Author
Posted

Köszönöm az eddigi segítségedet.

Még lenne majd egy kérdésem.

Lehet olyat csinálni az oldallal, hogy meghívok egy modult amit az oldal kilistáz.

Arra gondoltam hogy egy ár filtert hoznák létre 0-5000 ft között, de ha meghívom a modult akkor egy teljesen széteset oldalt kapok.

Az sem baj ha ez esetleg fizetős modul.

Link to comment
Share on other sites
Godzillahuu Newbie

Godzillahuu

Posted
  • Author
Posted

Gondolkodtam ezen is, meg azon hogy esetleg létrehozni egy php fájt ami az adatbázisból kiolvassa milyek termék van ebben az árrésben és egy cron segítségével mondjuk naponta elindítani. Csak nem hiszem el hogy valahogy egyszerűbben és szebben nem lehet megcsinálni :)

Sajnos ez a modul nem települ az 1.6.1.8 alá. Nem ír ki hibát de nem találom a modulokban.

Link to comment
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
Go to topic listing
×
×
  • Create New...