Jump to content

Osztály megváltoztatása


Godzillahuu
 Share

Recommended Posts

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)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Még nem próbáltam a cimkézést, de ez nem is járható út. Jelenleg majdnem 1500 bekapcsolt termék van (ami nincs raktáron az ki van kapcsolva), és folyamatosan változik is a készlet, tehát a manuális megoldást inkább hanyagolnám :)

Share this post


Link to post
Share on other sites

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.

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