Jump to content
  • 0

Przenoszenie elementu


Ensom07

Question

Witam, mam dwa pytania:

1. Jak przenieść element "search" np. do paska nawigacji, jak zaznaczone na img, ze wzgledu na to, że logo jest podniesione, a gdyby zlikwidować "search"  to myślę, że by się obniżyło. Wiem,że na "presta theme maker"  można tak zrobić,ale jak w szablonie już na serwerze?

2. Jak usunąć w sliderze strzałki prev i next (zaznaczone).

 

Dodam, że szablon default zmieniłem na Black Hawks 3, potem znowu na coś innego i z powrotem do Black Hawks.

 

I jeszcze jedna prośba, jeśli można by opisać to szczegółowo. Dzięki z góry.

 

link do img:

http://imgur.com/a/p4ICS

 

 

Link to comment
Share on other sites

42 answers to this question

Recommended Posts

  • 0

No ale dobrze by było gdyby jednak była,tak teraz patrzę, to raczej moze koszyk przenieść,sam nie wiem bo dobrze kiedy koszyk jest standrowo u góry, na razie z presta to mój 2 dzien zabawy.

 

PS prosiłem o szeczegóły bo miałem do czynienia ze zwykłymi szablonami html css,a tutaj nie za bardzo wiem, gdzie szukać np strzałek slidera? troche inna lokacja

 

PS2 teraz tak myślę, czy można linię logo _serach przenieść pod linię koszyka?

Edited by Ensom07 (see edit history)
Link to comment
Share on other sites

  • 0

A jakie szczegóły ty podałeś? Linku do sklepu nie podałeś więc skąd mamy wiedzieć co tam dokładnie masz? Podałem Ci nazwy klas więc to już spore ułatwienie, jeśli nie wiesz gdzie szukać to zazwyczaj przy tego typu edycjach są dwa miejsca, pierwsze to katalog szablonu a drugie to katalog modułów.

Link to comment
Share on other sites

  • 0

Lepiej iść do przodu niż się wracać, a żeby iść do przodu musisz podać nam więcej szczegółów.

 

Chyba nie chcesz żeby ktoś tobie odpisywał w taki sam sposób jak zadałeś pytanie czyli dodając zdjęcia, ona czasami nie są wystarczającą informacją. Lepiej, łatwiej i prościej jest nam użytkownikom forum gdy możemy mieć wgląd w kod sklepu, wygląd elementów etc. ;)

Link to comment
Share on other sites

  • 0

1. Jak przenieść element "search" np. do paska nawigacji, jak zaznaczone na img, ze wzgledu na to, że logo jest podniesione, a gdyby zlikwidować "search"  to myślę, że by się obniżyło. Wiem,że na "presta theme maker"  można tak zrobić,ale jak w szablonie już na serwerze?

Tak jak pisałem włącz w konfiguracji modułu i wyłącz w topie strony, odepnij od hooka.

 

 

2. Jak usunąć w sliderze strzałki prev i next (zaznaczone).

Do tych klas co ci podałem dodaj display:none; jeśli nie ma takich klas to je sobie dopisz w css.

Link to comment
Share on other sites

  • 0

A już sam nie wiem, bo mnie przeniosło do strony modułów i tyle,hhehehehe i teraz nie wiem gdzie to było, masakra jakaś. Po za tym jak najeżdżam na moduły w panelu administratora to pokazuje mi się tak jak na obrazku. Nie ma tam moduł-nazwa szablonu-konfiguruj

 

http://imgur.com/ndKs946

 

http://imgur.com/U52A4Qm

 

http://imgur.com/lRVq68G

 

Napisz jeśli możesz krok po kroku jak przywrócić to co wyłączyłem i jak usunąć koszyk lub search, żeby logo się obniżyło, proszę.

Link to comment
Share on other sites

  • 0

Widzisz popełniasz podstawowy błąd którym jest nie zapoznanie sie z panelem sklepu, powinieneś poświęcić kilka godzin na przeglądnięcie panelu, przeklikanie kilku opcji i patrzenie co one robia pos tronie fronoffice.

Jak mam Ci napisać krok po kroku jak sam nie wiesz gdzie i co zmieniałeś, jest kilka możliwości osiągnięcia takiego samego efektu.

Link to comment
Share on other sites

  • 0

Ale jaja, jak przełączyłem na szablon default a potem z powrotem na blackhakws to wszystko wróciło

Nie jaja tylko naturalnie przy zmianie szablonu moduły są reinstalowane i powracają do oryginalnych zaczepów.

 

Jak odepniesz koszyk od hooka displayTop to logo będzie zaraz nad belką menu.

Link to comment
Share on other sites

  • 0

Kilka postów temu napisałem Ci żebyś poświęcił kilka godzin na zapoznanie się z panelem, dałem Ci również link do dokumentacji, wszystko po to abyś nie popełniał błędów początkujących. Czy skorzystałeś z moich rad? Jeśli nie to szkoda mojego czasu na odpowiadanie, jeśli tak to już powinieneś znać odpowiedzi na te pytania.

Poza tym zapoznaj sie z regulaminem forum https://www.prestashop.com/forums/topic/257855-regulamin-forum-prestashop/ ponieważ ten wątek powoli zaczyna odstawać od jego założenia.

Link to comment
Share on other sites

  • 0

Ok co to strzałek next itd. pobrałem ze slidera css i jest tamwłaśnie none:

 

/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each
 * background property for each of the five styles below
 */
.bx-window {margin-bottom:20px;}
.bx-wrapper {
    margin-bottom:20px;
    height:300px
}
/*next button*/
.bx-next {
    display:none;
    position:absolute;
    top:40%;
    right:-50px;
    z-index:999;
    width: 30px;
    height: 30px;
    text-indent: -999999px;
    background: url(../img/gray_next.png) no-repeat 0 -30px;
}
/*previous button*/
.bx-prev {
    display:none;
    position:absolute;
    top:40%;
    left:-50px;
    z-index:999;
    width: 30px;
    height: 30px;
    text-indent: -999999px;
    background: url(../img/gray_prev.png) no-repeat 0 -30px;
}
/*pager links*/
.bx-pager {
    position: absolute;
    bottom: 20px;
    bottom:40px !ie;/* hack ie7 */
    right: 15px;
    padding-top: 7px;
    font-size:11px;
    color:#666;
    text-align:center;
}
.bx-pager a {
    display:inline-block;
    zoom:1;
    margin-right: 5px;
    padding:4px 0 0 1px;
    height:16px;/* 19 */
    width:18px;/* 19 */
    font-weight:bold;
    font-size: 11px;
    color:#000;
    text-decoration:none;
    background:url(../img/gray_pager.png) no-repeat 0 -20px;
}

/*
 * End color scheme styles
 */
/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
    background-position: 0 0;
}
/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
    color:#fff;
    text-decoration:none;
    background-position: 0 0;
}
/*captions*/
.bx-captions {
    text-align:center;
    font-size: 12px;
    padding: 7px 0;
    color: #666;
}
/*auto controls*/
.bx-auto {
    text-align: center;
    padding-top: 15px;
}
.bx-auto a {
    color: #666;
    font-size: 12px;
}

Link to comment
Share on other sites

  • 0

Jeszcze taki znalazłem w themes /blackhawk3.2 /css /modules /homeslider:

 

/******************************************************************************
                        Home Page Slider
*******************************************************************************/
#homepage-slider {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 14px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left; }
  @media (max-width: 767px) {
    #homepage-slider {
      width: 100%;
      max-width: 100%;
      padding-top: 20px; } }
  #homepage-slider #homeslider {
    margin: 0 auto;
    padding: 0; }
  #homepage-slider .homeslider-description {
    padding: 50px 50px;
    margin-top: 50px;
    cursor: pointer; }
    #homepage-slider .homeslider-description h2 {
      font-size: 2.7em;
      color: #fff;
      margin: 0;
      padding: 0;
      font-family: "Oswald", sans-serif; }
    #homepage-slider .homeslider-description p {
      width: 50%;
      font-size: 1.15em;
      line-height: 1.3em;
      padding: 0.5em 0;
      color: #fff; }
    #homepage-slider .homeslider-description button {
      font-size: 1.2em;
      text-transform: uppercase; }
    @media (max-width: 1200px) {
      #homepage-slider .homeslider-description {
        padding: 20px;
        font-size: 0.8em; } }
    @media (max-width: 768px) {
      #homepage-slider .homeslider-description {
        padding: 30px;
        font-size: 0.7em; }
        #homepage-slider .homeslider-description p {
          font-size: 1.5em; } }
    @media (max-width: 480px) {
      #homepage-slider .homeslider-description {
        padding: 30px;
        font-size: 0.5em; }
        #homepage-slider .homeslider-description p {
          font-size: 1.7em; } }

/*****************************************************************************
                        BXSlider Styles
********************************************************************************/
#homepage-slider .homeslider-container {
  position: relative; }
#homepage-slider .homeslider-image {
  position: absolute;
  left: 0;
  top: 0; }
#homepage-slider .homeslider-description {
  position: absolute;
  left: 0;
  top: 0; }
#homepage-slider .bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1; }
  #homepage-slider .bx-wrapper a {
    display: block; }
  #homepage-slider .bx-wrapper img {
    display: block;
    max-width: 100%;
    height: auto; }
#homepage-slider .bx-wrapper .bx-viewport {
  width: 100%; }
#homepage-slider .bx-wrapper .bx-pager,
#homepage-slider .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }
#homepage-slider .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat white;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }
#homepage-slider .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }
#homepage-slider .bx-wrapper .bx-pager .bx-pager-item,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }
#homepage-slider .bx-wrapper .bx-prev {
  right: 60px; }
  #homepage-slider .bx-wrapper .bx-prev:after {
    content: "\f053"; }
#homepage-slider .bx-wrapper .bx-next {
  right: 10px; }
  #homepage-slider .bx-wrapper .bx-next:after {
    content: "\f054"; }
#homepage-slider .bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: 10px;
  outline: 0;
  width: 52px;
  height: 52px;
  text-indent: -9999px;
  z-index: 9999;
  border: 2px solid white; }
  #homepage-slider .bx-wrapper .bx-controls-direction a:before {
    height: 48px;
    width: 48px;
    display: block;
    background: white;
    content: ".";
    opacity: 0.14;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  #homepage-slider .bx-wrapper .bx-controls-direction a:after {
    display: block;
    width: 48px;
    height: 48px;
    color: #333333;
    text-indent: 0;
    text-align: center;
    font-size: 21px;
    font-family: "FontAwesome";
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 2;
    padding: 16px 0 0 0; }
  #homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
    background: #333333;
    opacity: 0.83; }
#homepage-slider .bx-wrapper .bx-controls-direction a.disabled {
  display: none; }
#homepage-slider .bx-wrapper .bx-controls-auto {
  text-align: center; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }
#homepage-slider .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }
#homepage-slider .bx-wrapper .bx-caption span {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: .85em;
  padding: 10px; }

.ie8 #homepage-slider .bx-wrapper .bx-controls-direction a:before {
  background: #333333; }

Link to comment
Share on other sites

  • 0

ok wyłączyłem strzałki tutaj (na czerwono), ale zostały jeszcze te dwa kwadraty i jak to zlikwidować?
 
http://imgur.com/FBGni93
 

BXSlider Styles
********************************************************************************/
#homepage-slider .homeslider-container {
  position: relative; }
#homepage-slider .homeslider-image {
  position: absolute;
  left: 0;
  top: 0; }
#homepage-slider .homeslider-description {
  position: absolute;
  left: 0;
  top: 0; }
#homepage-slider .bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1; }
  #homepage-slider .bx-wrapper a {
    display: block; }
  #homepage-slider .bx-wrapper img {
    display: block;
    max-width: 100%;
    height: auto; }
#homepage-slider .bx-wrapper .bx-viewport {
  width: 100%; }
#homepage-slider .bx-wrapper .bx-pager,
#homepage-slider .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }
#homepage-slider .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat white;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }
#homepage-slider .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }
#homepage-slider .bx-wrapper .bx-pager .bx-pager-item,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }
#homepage-slider .bx-wrapper .bx-prev {
  right: 60px; }
  #homepage-slider .bx-wrapper .bx-prev:after {
    content: "\f053"; }
#homepage-slider .bx-wrapper .bx-next {
  right: 10px; }
  #homepage-slider .bx-wrapper .bx-next:after {
    content: "\f054"; }
#homepage-slider .bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: 10px;
  outline: 0;
  width: 52px;
  height: 52px;
  text-indent: -9999px;
  z-index: 9999;
  border: 2px solid white; }
  #homepage-slider .bx-wrapper .bx-controls-direction a:before {
    height: 48px;
    width: 48px;
    [b][color=#ff0000]display: none;[/color][/b]
    background: white;
    content: ".";
    opacity: 0.14;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  #homepage-slider .bx-wrapper .bx-controls-direction a:after {
    [b][color=#ff0000]display: none;[/color][/b]
    width: 48px;
    height: 48px;
    color: #333333;
    text-indent: 0;
    text-align: center;
    font-size: 21px;
    font-family: "FontAwesome";
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 2;
    padding: 16px 0 0 0; }
  #homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
    background: #333333;
    opacity: 0.83; }
#homepage-slider .bx-wrapper .bx-controls-direction a.disabled {
  display: none; }
#homepage-slider .bx-wrapper .bx-controls-auto {
  text-align: center; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }
#homepage-slider .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }
#homepage-slider .bx-wrapper .bx-caption span {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: .85em;
  padding: 10px; }

.ie8 #homepage-slider .bx-wrapper .bx-controls-direction a:before {
  background: #333333; }
Edited by endriu107
adding code tag (see edit history)
Link to comment
Share on other sites

  • 0

Wywaliłem cały ten blok (białe kwadraty zniknęły), nie będzie to miało jakiegoś złego wpływu na działanie:

 

#homepage-slider .bx-wrapper .bx-prev {
  right: 60px; }
  #homepage-slider .bx-wrapper .bx-prev:after {
    content: "\f053"; }
#homepage-slider .bx-wrapper .bx-next {
  right: 10px; }
  #homepage-slider .bx-wrapper .bx-next:after {
    content: "\f054"; }
#homepage-slider .bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: 10px;
  outline: 0;
  width: 52px;
  height: 52px;
  text-indent: -9999px;
  z-index: 9999;
  border: 2px solid white; }

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
×
×
  • Create New...