VladD Опубликовано 31 августа, 2020 Поделиться Опубликовано 31 августа, 2020 Приветствую форумчане. В карточке товара есть 2 вкладки: Подробности и Отзывы. В мобильной версии это выглядит как выпадающий список и многие пользователи не догадываются, что там спрятаны отзывы. Из-за этого приходится парится и делать отзывы в разделе форума. Помогите пожалуйста сделать 2 вкладки рядом, чтобы визуально было видно. Что и куда прописать и пример кода. Заранее спасибо. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
VladD Опубликовано 10 сентября, 2020 Автор Поделиться Опубликовано 10 сентября, 2020 Готов оплатить работу, если это так сложно) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WaNted Опубликовано 10 сентября, 2020 Поделиться Опубликовано 10 сентября, 2020 #elProductTabs [data-action="expandTabs"] { display: none !important; } #elProductTabs [role="tablist"] { display: flex; } #elProductTabs .ipsTabs_item:not( .ipsTabs_activeItem ) { display: block !important; color: inherit !important; } в custom.css VladD и Respected 2 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
VladD Опубликовано 10 сентября, 2020 Автор Поделиться Опубликовано 10 сентября, 2020 26 минут назад, WaNted сказал: #elProductTabs [data-action="expandTabs"] { display: none !important; } #elProductTabs [role="tablist"] { display: flex; } #elProductTabs .ipsTabs_item:not( .ipsTabs_activeItem ) { display: block !important; color: inherit !important; } в custom.css Огонь!!! Спасибо, то что нужно) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
VladD Опубликовано 10 сентября, 2020 Автор Поделиться Опубликовано 10 сентября, 2020 Цитата ...дай палец, так и руку откусит))) ...а можно разместить отзывы в нижней части товара, чтобы через якорь давать ссылку сразу на них, а они уже в раскрытом виде видны, без закладок. А то получается, что в профиле пользователя на закладке "о себе" например, отдельный url , а здесь нет. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WaNted Опубликовано 10 сентября, 2020 Поделиться Опубликовано 10 сентября, 2020 Можно. Нужно ковырять шаблон. VladD 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WaNted Опубликовано 10 сентября, 2020 Поделиться Опубликовано 10 сентября, 2020 Откройте шаблон package и удалите следующие участки кода: {{if $package->reviewable}} <li> <a href="{$item->url()->setQueryString('tab', 'reviews')}" id="elReviews" class="ipsTabs_item ipsType_center {{if \IPS\Request::i()->tab == 'reviews'}}ipsTabs_activeItem{{endif}}" role="tab" aria-selected="{{if \IPS\Request::i()->tab == 'reviews'}}true{{else}}false{{endif}}">{lang="product_reviews_pl"}</a> </li> {{endif}} {{if $package->reviewable}} <div id="ipsTabs_elProductTabs_elReviews_panel" class="ipsTabs_panel ipsAreaBackground_reset ipsPadding" aria-hidden="false"> {template="reviews" group="store" app="nexus" params="$item"} </div> {{endif}} Потом перед тегом </section> вставьте код: <div id='elReviews'> {template="reviews" group="store" app="nexus" params="$item"} </div> Возможно в этот div понадобится добавить классы с отступами и др., чтобы всё гармонично смотрелось. С якорем всё понятно думаю, просто к ссылке на товар добавьте #elReviews. VladD 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
VladD Опубликовано 10 сентября, 2020 Автор Поделиться Опубликовано 10 сентября, 2020 спасибо, попробую 👍 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WaNted Опубликовано 10 сентября, 2020 Поделиться Опубликовано 10 сентября, 2020 Лучше добавить проверку, если включены отзывы, упустил этот момент. 8 минут назад, WaNted сказал: Потом перед тегом </section> вставьте код: {{if $package->reviewable}} <div id='elReviews'> {template="reviews" group="store" app="nexus" params="$item"} </div> {{endif}} VladD 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
VladD Опубликовано 10 сентября, 2020 Автор Поделиться Опубликовано 10 сентября, 2020 31 минуту назад, WaNted сказал: Откройте шаблон package и удалите следующие участки кода: {{if $package->reviewable}} <li> <a href="{$item->url()->setQueryString('tab', 'reviews')}" id="elReviews" class="ipsTabs_item ipsType_center {{if \IPS\Request::i()->tab == 'reviews'}}ipsTabs_activeItem{{endif}}" role="tab" aria-selected="{{if \IPS\Request::i()->tab == 'reviews'}}true{{else}}false{{endif}}">{lang="product_reviews_pl"}</a> </li> {{endif}} {{if $package->reviewable}} <div id="ipsTabs_elProductTabs_elReviews_panel" class="ipsTabs_panel ipsAreaBackground_reset ipsPadding" aria-hidden="false"> {template="reviews" group="store" app="nexus" params="$item"} </div> {{endif}} Потом перед тегом </section> вставьте код: <div id='elReviews'> {template="reviews" group="store" app="nexus" params="$item"} </div> Возможно в этот div понадобится добавить классы с отступами и др., чтобы всё гармонично смотрелось. С якорем всё понятно думаю, просто к ссылке на товар добавьте #elReviews. я извиняюсь, но нет такого кода в шаблоне package(( ... или я не там. это весь код <hr class='ipsHr ipsSpacer_top ipsSpacer_double'> {{if $reactivateUrl or $upgradeDowngradeUrl or \IPS\nexus\Package\Item::load( $package->id )->canReview()}} <ul class='ipsList_inline'> {{if $reactivateUrl}} <li><a href="{$reactivateUrl}" class=''>{lang="reactivate_package"}</a></li> {{endif}} {{if $upgradeDowngradeUrl}} <li><a href="{$upgradeDowngradeUrl}" class=''>{lang="$upgradeDowngradeLang"}</a></li> {{endif}} {{if \IPS\nexus\Package\Item::load( $package->id )->canReview()}} <li><a href="{$package->url()}" class=''>{lang="write_package_review"}</a></li> {{endif}} </ul> <hr class='ipsHr ipsSpacer_bottom ipsSpacer_double'> {{endif}} {{if member.canAccessModule( \IPS\Application\Module::get( 'nexus', 'support' ) )}} <div class='ipsBox'> <h2 class='ipsType_sectionTitle ipsType_reset'>{lang="recent_support_requests"}</h2> {{if \count( $last5AssociatedSupportRequests )}} <ul class='ipsDataList'> {{foreach $last5AssociatedSupportRequests as $row}} <li class='ipsDataItem'> <div class='ipsDataItem_main'> <h4 class='ipsDataItem_title'> {{if $row->unread()}}<span class='ipsItemStatus'><i class="fa fa-circle"></i></span>{{endif}} <a href='{$row->url()}'>{{if $row->mapped('title')}}{$row->mapped('title')}{{else}}<em class="ipsType_light">{lang="content_deleted"}</em>{{endif}}</a> <span class='ipsType_light ipsType_unbold ipsType_normal'>#{$row->id}</span> </h4> <div class='ipsDataItem_meta ipsType_light'> <ul class='ipsList_inline ipsSpacer_top ipsSpacer_half'> <li> {template="status" group="support" location="admin" params="$row->status"} </li> <li> {lang="in"} <strong>{template="department" group="support" location="admin" params="$row->department"}</strong> </li> <li> <i class='fa fa-clock-o'></i> {{if $row->replies == 1}} {{if $row->last_reply_by === \IPS\Member::loggedIn()->member_id}} {lang="support_you_created" sprintf="\IPS\DateTime::ts( $row->last_reply )->relative()"} {{else}} {lang="support_x_created" sprintf="\IPS\Member::load( $row->last_reply_by )->name, \IPS\DateTime::ts( $row->last_reply )->relative()"} {{endif}} {{else}} {{if $row->last_reply_by === \IPS\Member::loggedIn()->member_id}} {lang="support_you_replied" sprintf="\IPS\DateTime::ts( $row->last_reply )->relative()"} {{else}} {lang="support_x_replied" sprintf="\IPS\Member::load( $row->last_reply_by )->name, \IPS\DateTime::ts( $row->last_reply )->relative()"} {{endif}} {{endif}} </li> </ul> </div> <div class='ipsType_break ipsContained ipsType_medium ipsSpacer_top ipsSpacer_half' data-ipsTruncate data-ipsTruncate-size='2 lines' data-ipsTruncate-type='remove'> {$row->truncated()|raw} </div> </div> </li> {{endforeach}} </ul> {{else}} <p class='ipsType_reset ipsType_normal ipsPad ipsType_center'> {lang="no_recent_support_requests"} </p> {{endif}} {{if $supportUrl}} <p class='ipsType_reset ipsPad ipsAreaBackground_light ipsType_center'><a href="{$supportUrl}" class='ipsButton ipsButton_primary ipsButton_verySmall'>{lang="commerce_get_support"}</a></p> {{endif}} </div> {{endif}} <br><br> {{if \count( $associatedFiles )}} <h2 class='ipsType_sectionHead ipsSpacer_bottom ipsSpacer_half'>{lang="package_downloads"}</h2> <div class='ipsCarousel ipsClearfix' data-ipsCarousel data-ipsCarousel-showDots> <div class='ipsCarousel_inner'> <div class='cDownloadsCarousel' data-role="carouselItems"> {{foreach $associatedFiles as $idx => $file}} {template="indexBlock" app="downloads" group="browse" params="$file"} {{endforeach}} </div> </div> <span class='ipsCarousel_shadow ipsCarousel_shadowLeft'></span> <span class='ipsCarousel_shadow ipsCarousel_shadowRight'></span> <a href='#' class='ipsCarousel_nav ipsHide' data-action='prev'><i class='fa fa-chevron-left'></i></a> <a href='#' class='ipsCarousel_nav ipsHide' data-action='next'><i class='fa fa-chevron-right'></i></a> </div> {{endif}} {$customFieldsForm|raw} Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WaNted Опубликовано 10 сентября, 2020 Поделиться Опубликовано 10 сентября, 2020 nexus > front > store > package VladD и Respected 2 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
VladD Опубликовано 10 сентября, 2020 Автор Поделиться Опубликовано 10 сентября, 2020 а-а-а, понял. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.