Перейти к содержимому


Фотография
- - - - -

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

teaser teaser category

Лучший Ответ Александр Иванов VL. , 26 August 2016 - 15:48

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

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

            }

        }

    }

 

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

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 5

#1 Александр Иванов VL.

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

Отправлено 25 August 2016 - 11:19

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

Сделал "Кастомизация шаблонов 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


  • 0

#2 LeMax

LeMax

Отправлено 25 August 2016 - 13:26

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

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

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

 

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


  • 0

#3 Александр Иванов VL.

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

Отправлено 25 August 2016 - 14:52

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


  • 0

#4 LeMax

LeMax

Отправлено 25 August 2016 - 14:56

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

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


  • 0

#5 Александр Иванов VL.

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

Отправлено 25 August 2016 - 15:19

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

 

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


  • 0

#6 Александр Иванов VL.

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

Отправлено 26 August 2016 - 15:48   Лучший Ответ

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

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

            }

        }

    }

 

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


  • 1





Темы с аналогичным тегами teaser, teaser category

Click to return to top of page in style!