Боковые блоки в Nexus

Posted 11 июня, 201311 yr

Вопрос по магазину Nexus. Левая боковая панель это категории товаров, правая это корзина, ну и по центру идут сами товары. Левая колонка довольно узкая и названия категорий просто не вмещаются и выглядит не особо.

Собственно, вопрос. Есть ли вариант перенести корзину в левую колонку и расширить центральный блок товаров? Или расширить левый блок урезав правый с корзиной?

Если расширяю левый блок, то получается вот что:

Я изменяю ширину левой колонки в Ipb_styles.css:

/* LAYOUT SYSTEM */
.ipsLayout.ipsLayout_withleft { padding-left: 210px; } /* отступ левого блока от края */
.ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
/* Panes */
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
.ipsLayout_content { width: 100%; float: left; }
.ipsLayout_content img { max-width: 100%; }
.ipsLayout .ipsLayout_left { width: 200px; ; float: left; } /* ширина левого блока */
.ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }

Но при изменении размера центральный блок уходит вниз, не вмещается. Получается, только если задавать чуть выше .ipsLayout_content как меньший процент, тогда все вмещается. Но и список товаров урезается, сама сетка показывает не по 2 товара, а по 1.

Если смещаю корзину влево через шаблон showstore, то корзина накладывается на категории.

<div class='ipsLayout_right'> - меняю на left

<div class='general_box clearfix'>
<h3>{$this->lang->words['store_cart']}</h3>
{parse template="cart_sidebar" group="nexus_payments" params="$cart"}
</div>

Подскажите, где подправить? Идеально, конечно, корзину влево сместить под категории и расширить центральную часть...

11 июня, 201311 yr

comment_35406

Lea, открыть шаблон (Нексус) Платежи и заменить его содержимое на:

<h1 class='ipsType_pagetitle'>{$title}</h1>
<br />
<div class='ipsLayout ipsLayout_withleft ipsLayout_largeleft'>
	<div class='ipsLayout_left'>
		<div class='general_box'>
			<h3>{$this->lang->words['store_categories']}</h3>
			<ul style='padding: 6px;'>
				{parse template="cat_menu_item" group="nexus_payments" params="$packageGroups[0], $hierarchy"}
			</ul>
		</div>
		<if test="giftVouchers:|:$this->settings['nexus_gift_vouchers']">
			<br />
			<div class='general_box'>
				<h3>{$this->lang->words['gift_vouchers']}</h3>
				<ul style='padding: 6px;'>
					<li><img src='{$this->settings['img_url']}/nexus/gifts.png' /> <a href='{parse url="app=nexus&amp;module=payments&amp;do=vouchers" base="public" template="gift_vouchers" seotitle="gift_vouchers"}'>{$this->lang->words['gv_buy']}</a></li>
					<li><img src='{$this->settings['img_url']}/nexus/gifts.png' /> <a href='{parse url="app=nexus&amp;module=payments&amp;do=redeem" base="public" template="redeem" seotitle="redeem"}'>{$this->lang->words['gv_redeem']}</a></li>
				</ul>
			</div>
		</if>
<div class='general_box clearfix'>
			<h3>{$this->lang->words['store_cart']}</h3>
			{parse template="cart_sidebar" group="nexus_payments" params="$cart"}
		</div>
		<if test="hasCredits:|:$this->memberData['cm_credits']">
			<div class='message unspecific' style='margin-top: 10px'>
				{parse expression="sprintf( $this->lang->words['store_credit'], "{parse currency="$this->memberData['cm_credits']"}")"}
			</div>
		</if>
	</div>
	
	<div class='ipsLayout_content'>
		
			<div class='maintitle ipsFilterbar clearfix'>
				<if test="catId:|:!$cat['pg_id']">
					<ul class='ipsList_inline left'>
						<if test="showFeatured:|:$featured">
							<li <if test="active:|:$this->request['featured'] || !$this->request['featured'] && !$this->request['popular'] && !$this->request['latest']">class='active'</if>>
								<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;featured=1&amp;view={$this->request['view']}" base="public" template="store-featured" seotitle="featured"}' title='{$this->lang->words['store__featured']}'>{$this->lang->words['store_featured']}</a>
							</li>
						</if>
						<li <if test="popular:|:$this->request['popular']">class='active'</if>>
							<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;popular=1&amp;view={$this->request['view']}" base="public" template="store-popular" seotitle="popular"}' title='{$this->lang->words['store__popular']}'>{$this->lang->words['store_popular']}</a> 
						</li>
						<li <if test="popular:|:$this->request['latest']">class='active'</if>>
							<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;latest=1&amp;view={$this->request['view']}" base="public" template="store-latest" seotitle="latest"}' title='{$this->lang->words['store__latest']}'>{$this->lang->words['store_latest']}</a> 
						</li>
					</ul>
				<else />
					{$cat['pg_name']}
				</if>
				<if test="viewSwitch:|:$this->settings['nexus_store_viewswitch']">
					<ul class='ipsList_inline right'>
						<li>{$this->lang->words['store_view']}</li>
						<li <if test="viewList:|:$this->request['view'] == 'list'">class='active'</if>>
							<if test="catId2:|:!$cat['pg_id']">
								<if test="$this->request['featured'] || !$this->request['featured'] && !$this->request['popular'] && !$this->request['latest']">
									<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;featured=1&amp;view=list" base="public" template="store-featured" seotitle="featured"}'>{$this->lang->words['store_view_list']}</a>
								<else />
									<if test="latest:|:$this->request['latest']">
										<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;latest=1&amp;view=list" base="public" template="store-latest" seotitle="latest"}'>{$this->lang->words['store_view_list']}</a>
									<else />
										<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;popular=1&amp;view=list" base="public" template="store-popular" seotitle="popular"}'>{$this->lang->words['store_view_list']}</a>
									</if>
								</if>
							<else />
								<a href='{parse url="app=nexus&amp;module=payments&amp;cat={$cat['pg_id']}&amp;view=list&amp;st={$this->request['st']}" base="public" template="storecat" seotitle="{$cat['pg_seo_name']}"}'>{$this->lang->words['store_view_list']}</a>
							</if>
						</li>
						<li <if test="viewGrid:|:$this->request['view'] == 'grid'">class='active'</if>>
							<if test="catId3:|:!$cat['pg_id']">
								<if test="$this->request['featured'] || !$this->request['featured'] && !$this->request['popular'] && !$this->request['latest']">
									<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;featured=1&amp;view=grid" base="public" template="store-featured" seotitle="featured"}'>{$this->lang->words['store_view_grid']}</a>
								<else />
									<if test="latest2:|:$this->request['latest']">
										<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;latest=1&amp;view=grid" base="public" template="store-latest" seotitle="latest"}'>{$this->lang->words['store_view_grid']}</a>
									<else />
										<a href='{parse url="app=nexus&amp;module=payments&amp;section=store&amp;popular=1&amp;view=grid" base="public" template="store-popular" seotitle="popular"}'>{$this->lang->words['store_view_grid']}</a>
									</if>
								</if>
							<else />
								<a href='{parse url="app=nexus&amp;module=payments&amp;cat={$cat['pg_id']}&amp;view=grid&amp;st={$this->request['st']}" base="public" template="storecat" seotitle="{$cat['pg_seo_name']}"}'>{$this->lang->words['store_view_grid']}</a>
							</if>
						</li>
					</ul>
				</if>
			</div>
		
		<div class='ipsBox' <if test="gridCenter:|:$this->request['view'] == 'grid'">style='text-align:center'</if>>
			<if test="noPackages:|:empty( $packages )">
				<p class='no_messages'>
					{$this->lang->words['store_empty']}
				</p>
			<else />
				<foreach loop="packages:$packages as $packageID => $package">
					<if test="whichView:|:$this->request['view'] == 'grid'">
						{parse template="storeGridView" group="nexus_payments" params="$package"}
					<else />
						{parse template="storeListView" group="nexus_payments" params="$package"}
					</if>
				</foreach>
			</if>
		</div>
		
		{$pagination}
		
	</div>
</div>