Jump to content


Photo
- - - - -

Вопросы по шаблонам, Less и UIkit в JBZoo 220v

less шаблон uikit

  • This topic is locked This topic is locked
43 replies to this topic

#31 Save Tibet

Save Tibet
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 510
  • topics: 75

Posted 12 February 2015 - 13:22

Было бы очень неплохо сделать так, чтобы крайний левый и крайний правый столбецы в тизере были все же выровнены по краям всего сайта. Вот пример: красным — границы сайта, зеленым — границы jbzoo.

 

Отступы между колонками настраиваются где-то в админке или только CSS?


Edited by Save Tibet, 12 February 2015 - 13:22.

  • 0

#32 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 12 February 2015 - 14:37

Отступы между колонками настраиваются где-то в админке или только CSS?

Это задаются в CSS. Видимо у вас в шаблоне эти отступы указанны, так как на чистом шаблоне такого нет.


  • 0
Изображение
 

#33 Save Tibet

Save Tibet
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 510
  • topics: 75

Posted 12 February 2015 - 15:21

Да прикол в том, что я взял шаблон Uikit, скопировал его, изменил его имя, присвоил этот шаблон каталогу и сразу появились отличия во внешнем виде.


  • 0

#34 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 12 February 2015 - 16:46

Save Tibet, откройте класс шаблона и так же переименуйте название класса что бы он подхватился

сайт\media\zoo\applications\jbuniversal\templates\uikit\template.php

Т.е JBTemplateНазваниеШаблона


Edited by Cheren-dow, 12 February 2015 - 16:46.

  • 0
Изображение
 

#35 Save Tibet

Save Tibet
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 510
  • topics: 75

Posted 13 February 2015 - 10:28

Save Tibet, откройте класс шаблона и так же переименуйте название класса что бы он подхватился

сайт\media\zoo\applications\jbuniversal\templates\uikit\template.php

Т.е JBTemplateНазваниеШаблона

 

я  не понял, что вы имеете ввиду. вот открываю template.php и что дальше?


  • 0

#36 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 13 February 2015 - 11:32

я  не понял, что вы имеете ввиду. вот открываю template.php и что дальше?

 Какое у вас название класса? 

class JBTemplateUikit extends JBTemplate

- выделенное жирным это название.

 

Какое название теперь имеет ваш шаблон?


  • 0
Изображение
 

#37 Save Tibet

Save Tibet
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 510
  • topics: 75

Posted 13 February 2015 - 11:43

Все равно не могу понять, о каких "классах" вы говорите.

Новый шаблон называется "flowers-uikit" вместо "Uikit"


  • 0

#38 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 13 February 2015 - 12:02

Save Tibet, открыв файл

сайт\media\zoo\applications\jbuniversal\templates\uikit\template.php 

вы увидите

v8l6_200x0.png

 

Если вы назвали свой шаблон flowers-uikit, тогда в файле

сайт\media\zoo\applications\jbuniversal\templates\flowers-uikit\template.php 

Название класса должно иметь следующее название

v00z_200x0.png


  • 0
Изображение
 

#39 Save Tibet

Save Tibet
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 510
  • topics: 75

Posted 13 February 2015 - 15:05

Ок. Теперь понял. Сделал так, как вы написали (хотя мне непонятно, почему шаблон называется flowers-uikit, а в строке мне нужно было прописать FlowersUikit). Вижу следующее: шаблон грузит uikit.gradient.min.css и тем создает некоторые косячки на фронте (например, вот эта рамка в шапке и text-shadow в меню). Ладно, меняю в /media/zoo/applications/jbuniversal/templates/flowers-uikit/template.php

            $this->app->jbassets->css('jbassets:css/uikit.gradient.min.css');

на

            $this->app->jbassets->css('jbassets:css/uikit.min.css');

Результат: косячки со стилями исчезли, но четвертая колонка в тизере стала переноситься на следующую строчку.

 

Пациент

 

 

UPD: Отбой. Денис опубликовал апдейт, в котором решена эта проблема. Спасибо.


Edited by Save Tibet, 13 February 2015 - 21:45.

  • 0

#40 flart

flart
  • JBZoo User (rus)
  • User rate: 15.2
  • posts: 223
  • topics: 16

Posted 27 February 2015 - 03:29

\media\zoo\applications\jbuniversal\templates\uikit\assets\less\uikit.hacks.less
    .jbprice {
        position: relative;

        [class*=sale-icon] {
            position: relative;
            display: block;
            z-index: 1;
            width: 64px;
            height: 64px;
        }
}
нужно убрать  position: relative; в классе .jbprice Иначе невозможно верстать элементы цены корзины (артикул, наличие, скидка и.т.д.)  через position:absolute
 
Вот пример
5185822m.png
  • 1

flart-small.png






Click to return to top of page in style!