Jump to content

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

VladD
 Share

Recommended Posts

VladD Community Regular

VladD

Posted
Posted

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

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

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

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

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

 

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

Link to comment
Share on other sites
  • 2 weeks later...
WaNted Collaborator

WaNted

Posted
Posted 
#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

Link to comment
Share on other sites
VladD Community Regular

VladD

Posted
  • Author
Posted
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

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

Link to comment
Share on other sites
VladD Community Regular

VladD

Posted
  • Author
Posted
Цитата

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

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

Link to comment
Share on other sites
WaNted Collaborator

WaNted

Posted
Posted

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

Link to comment
Share on other sites
WaNted Collaborator

WaNted

Posted
Posted

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

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

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

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

 

Link to comment
Share on other sites
VladD Community Regular

VladD

Posted
  • Author
Posted
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((

img-2020-09-10-19-15-24.thumb.png.31f80c76682f74d7bff4cdc1b70d1a29.png

... или я не там.

это весь код 

<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}

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...