Отзывы в магазине

Posted 31 августа, 20204 yr

Приветствую форумчане.

В карточке товара есть 2 вкладки: Подробности и Отзывы. В мобильной версии это выглядит как выпадающий список и многие пользователи не догадываются, что там спрятаны отзывы. Из-за этого приходится парится и делать отзывы в разделе форума.

img-2020-08-31-17-00-10.png.1d1ec8c2dae900c9fb4024d2464acf72.png

Помогите пожалуйста сделать 2 вкладки рядом, чтобы визуально было видно. Что и куда прописать и пример кода.

img-2020-08-31-17-02-26.png.3d4b7d66e39df0c543adc0ff9a56a8cf.png

Заранее спасибо.

Цитата

10 сентября, 20204 yr

Author

comment_164033

Готов оплатить работу, если это так сложно)

Цитата

10 сентября, 20204 yr

comment_164052

#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

Цитата

Respected and VladD
2

10 сентября, 20204 yr

Author

comment_164053

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

Огонь!!! Спасибо, то что нужно)

Цитата

10 сентября, 20204 yr

Author

comment_164055

Цитата

...дай палец, так и руку откусит)))

...а можно разместить отзывы в нижней части товара, чтобы через якорь давать ссылку сразу на них, а они уже в раскрытом виде видны, без закладок. А то получается, что в профиле пользователя на закладке "о себе" например, отдельный url , а здесь нет.

Цитата

10 сентября, 20204 yr

comment_164057

Можно. Нужно ковырять шаблон.

Цитата

VladD
1

10 сентября, 20204 yr

comment_164058

Откройте шаблон 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

10 сентября, 20204 yr

Author

comment_164059

спасибо, попробую 👍

Цитата

10 сентября, 20204 yr

comment_164060

Лучше добавить проверку, если включены отзывы, упустил этот момент.

8 минут назад, WaNted сказал:

Потом перед тегом </section> вставьте код:

{{if $package->reviewable}}
	<div id='elReviews'>
		{template="reviews" group="store" app="nexus" params="$item"}
	</div>
{{endif}}

Цитата

VladD
1

10 сентября, 20204 yr

Author

comment_164061

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}

Цитата

10 сентября, 20204 yr

comment_164062

nexus > front > store > package

Цитата

VladD and Respected
2

10 сентября, 20204 yr

Author

comment_164063

а-а-а, понял.

Цитата

Sign In

Отзывы в магазине

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search