Сообщений в теме: 5

[Александр Иванов VL.]

Здравствуйте!

Сделал "Кастомизация шаблонов JBZoo на примере демо-сайта jbzoo_demo_phones"  

http://jbzoo.ru/docs/customize-like-demo-1?highlight=WyJcdTA0M2FcdTA0MzBcdTA0NDFcdTA0NDJcdTA0M2VcdTA0M2NcdTA0MzhcdTA0MzdcdTA0MzBcdTA0NDZcdTA0MzhcdTA0NGYiXQ

В списке товаров, шаблоне teaser, артикул и его значение выводится с новой строки.

http://joxi.ru/krD1QdOf0e8dGm

В карточке товара, шаблоне full, артикул и его значение выводится в одной строке.

http://joxi.ru/v29dY9WhGB1pym

 

Вопрос: Как в списке товаров артикул и его значение вывести в одной строке?

http://joxi.ru/Dr8WYb6ikRQD8A

Или как подключить стиль для значения артикула в списке товаров, шаблоне teaser?

.jbzoo.jbzoo-app-katalog .jbzoo-item-tovary.jbzoo-item-full .jbprice-sku {

    display: inline;

}

 

Просмотрел следующие  файлы /media/zoo/applications/jbuniversal/templates/uikit/renderer/item /teaser.php

/media/zoo/applications/jbuniversal/templates/uikit/renderer/item /tovary/teaser.php

/media/zoo/applications/jbuniversal/templates/catalog/renderer/item/teaser.php

Но не понял, что, где править.

 

Установлено

Joomla: 3.6.2 JBZoo: 2.2.8 Pro rev3167 Zoo: 3.3.20

[LeMax]

1. Вам необходимо понимать основы CSS (хотя бы базовые стили)

2. Вам нужно понять, какие шаблоны Вы используете: из папки uikit или catalog?

3. Каким способом Вы выводите артикул (параметр\шаблон цены \\\ или отдельное поле)

 

По началу все кажется сложным и не понятным, а ответы на форуме кажутся пафосными и на "отстань", но если вникнуть во все, почитать справку и понять основы - то БЕЗ особых знаний и навыков во всем можно разобраться.

[Александр Иванов VL.]

2. Вам нужно понять, какие шаблоны Вы используете: из папки uikit или catalog?

 

Шаблон - UIkit (Yootheme)

http://joxi.ru/brREx7ltQx5ajA

 

 

3. Каким способом Вы выводите артикул (параметр\шаблон цены \\\ или отдельное поле)

 

JBZoo Price Plain - шаблон price (цена, артикул)

http://joxi.ru/12M7RXDi4RpDer

http://joxi.ru/Vm65YpQuxLOGEr

http://joxi.ru/brREx7ltQx5KjA

[LeMax]

2. Значит все правки Вам необходимо совершать по пути: /media/zoo/applications/jbuniversal/templates/uikit/...

3. Здесь 2 пути: либо изменить сам принцип вывода артикула у элемента JBricePlain (сейчас он, если не ошибаюсь, выводится как _block или _table, либо прописать свой стиль для данного вывода в элементе. Но в любом случае нужно лезть в сам элемент и править руками (+ необходимо учесть, что это слетит при последующих обновлениях)

[Александр Иванов VL.]

изменить сам принцип вывода артикула

 

Поменял принцип вывода. Как повлияет в дальнейшем ХЗ.

[Александр Иванов VL.]

Разобрался, в файле

/media/zoo/applications/jbuniversal/templates/uikit/assets/less/demo.less

Где строка

    .jbzoo-item-tovary.jbzoo-item-teaser {

        .jbprice-value-total {

            display: inline;

            font-size: 1em !important;

            line-height: 1.8em !important;

        }

 

Дописываем или скопировав с

    .jbzoo-item-tovary.jbzoo-item-full {

        .jbprice-tmpl-full {

            .jbprice-balance {

                margin-bottom: 6px;

            }

        }

        .jbcompare-buttons,

        .jbfavorite-buttons {

            margin-top: 12px;

            display: inline-block;

        }

        .jbprice {

            &-sku {

                display: inline;

            }

            &-detail-buy {

                background: #fff8e5;

                border-radius: 3px;

                padding: 1em 1.15385em 0.76923em;

                display: inline-block;

                margin: 0 1.15385em 1.53846em 0;

            }

            &-detail-price {

                .jbcurrency-symbol {

                    font-size: 0.65625em;

                    letter-spacing: normal;

                }

            }

            &-value-price {

                font-size: 1em;

                display: block;

                line-height: 1em;

            }

            &-value-total {

                font-size: 1.8em;

                display: block;

                line-height: 1.8em;

            }

        }

 

 

 

Следующие строки

                .jbprice {

              &-sku {

                display: inline;

            }

            &-detail-buy {

                background: #fff8e5;

                border-radius: 3px;

                padding: 1em 1.15385em 0.76923em;

                display: inline-block;

                margin: 0 1.15385em 1.53846em 0;

            }

            &-detail-price {

                .jbcurrency-symbol {

                    font-size: 0.65625em;

                    letter-spacing: normal;

                }

            }

            &-value-price {

                font-size: 1em;

                display: block;

                line-height: 1em;

            }

            &-value-total {

                font-size: 1.8em;

                display: block;

                line-height: 1.8em;

            }

        }

    }

 

И редактируем под свой стиль