Black Friday"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Joomla - Members Only
Joomla Templates
SJ Flat News

[SOLVED]Create a Sidebar on the Left
(1 viewing) (1) Guest
New Topic
  • Page:
  • 1
  • 2

TOPIC: [SOLVED]Create a Sidebar on the Left

[SOLVED]Create a Sidebar on the Left 10 years, 9 months ago #17290

I need to create a sidebar on the left side of all pages to hold a 160x600 banner.

How do I go about this?

Regards.
The topic has been locked.

Re: Create a Sidebar on the Left 10 years, 9 months ago #17297

  • diepnt
  • OFFLINE
  • Platinum Boarder
  • Posts: 442
  • Karma: 8
Dear Gboyega Ajayi,

Could you please let us know the name of template you're using?

Thanks!
The topic has been locked.

Re: Create a Sidebar on the Left 10 years, 9 months ago #17305

Really sorry I didn't mention this.

The template is Sj Flat News.

Thanks.
The topic has been locked.

Re: Create a Sidebar on the Left 10 years, 8 months ago #17355

Dear All,

Its been 2 days since I replied. I am still expecting a response to this issue.

Thanks.
The topic has been locked.

Re: Create a Sidebar on the Left 10 years, 8 months ago #17412

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Gboyega Ajayi,

For this issue, please go to (/sj_flatnews/layouts) and create a new file .xml by name is 'left-main-right.xml' and add this code into:

<?xml version="1.0" encoding="utf-8"?>
<layout type="lmr">	
	<head>
	</head>
	<groups>
		<group class="span3">left</group>
		<group class="span3">right</group>
		<group class="span6" noright-class="span12 no-minheight">main</group>
	</groups>
	<blocks>			
		<header1 html5tag="header" order="0" id="yt_header1" autosize="0">
			<positions>
				<position class="span6" style="none" type="modules">head-0</position>
				<position class="span2"  style="none" type="modules">head-1</position>
				<position class="span4"  style="ytmod" type="modules">head-2</position>
			</positions>
		</header1>
		
		<header2 html5tag="header" order="1" id="yt_header2" autosize="0">
			<positions>
				<position class="span2" style="none" type="modules">head-3</position>
				<position class="span2"  style="none" type="modules">head-4</position>
				<position class="span4" type="feature">@logo</position>
			</positions>
		</header2>
		
		<menu html5tag="section" order="2" id="yt_menuwrap">
			<positions>
				<position class="span12"  type="feature">@menu</position>
			</positions>
		</menu>
		
		<slideshow html5tag="section" order="3" id="yt_slideshow">
			<positions>
				<position class="span12" style="ytmod" type="modules">slide_show</position>
			</positions>
		</slideshow>
		
		
		<spotlight1 html5tag="section" order="4" id="yt_spotlight1">
			<positions>
				<position class="span12" style="ytmod" type="modules">spotlight1</position>
			</positions>
		</spotlight1>
		
		<spotlight2 html5tag="section" order="5" id="yt_spotlight2">
			<positions>
				<position class="span12" style="ytmod" type="modules">spotlight2</position>
			</positions>
		</spotlight2>
		
		<spotlight3 html5tag="section" order="6" id="yt_spotlight3">
			<positions>
				<position class="span6" style="ytmod" type="modules">banner1</position>
				<position class="span6" style="ytmod" type="modules">banner2</position>
			</positions>
		</spotlight3>
		<spotlight4 html5tag="section" order="7" id="yt_spotlight4">
			<positions>
				<position class="span12" style="ytmod" type="modules">position1</position>
				<position class="span8 first" style="ytmod" type="modules">position2</position>
				<position class="span4" style="ytmod" type="modules">position3</position>
			</positions>
		</spotlight4>
		
		<spotlight5 html5tag="section" order="8" id="yt_spotlight5">
			<positions>
				<position class="span6" style="ytmod" type="modules">banner3</position>
				<position class="span6" style="ytmod" type="modules">banner4</position>
			</positions>
		</spotlight5>
		<spotlight6 html5tag="section" order="9" id="yt_spotlight6">
			<positions>
				<position class="span12" style="ytmod" type="modules">position4</position>
				<position class="span8 first" style="ytmod" type="modules">position5</position>
				<position class="span4" style="ytmod" type="modules">position6</position>
			</positions>
		</spotlight6>
		
		<spotlight7 html5tag="section" order="10" id="yt_spotlight7">
			<positions>
				<position class="span6" style="ytmod" type="modules">banner5</position>
				<position class="span6" style="ytmod" type="modules">banner6</position>
			</positions>
		</spotlight7>
		<spotlight8 html5tag="section" order="11" id="yt_spotlight8">
			<positions>
				<position class="span12" style="ytmod" type="modules">position7</position>
				<position class="span8 first" style="ytmod" type="modules">position8</position>
				<position class="span4" style="ytmod" type="modules">position9</position>
			</positions>
		</spotlight8>
		
		<content html5tag="section" order="12" id="content">
			<positions>
				<position class="span12" group="left" style="ytmod" type="modules">left</position>
				<position class="span12 no-minheight" group="main" type="message"></position>
				<position class="span12 no-minheight" style="ytmod" group="main" type="modules">breadcrumb</position>
				<position class="span12" group="main" type="component">component</position>
				<position class="span12" group="right" style="ytmod" type="modules">position10</position>
			</positions>
		</content>
		
		<spotlight9 html5tag="section" order="13" id="yt_spotlight9">
			<positions>
				<position class="span12" style="ytmod" type="modules">position11</position>
				<position class="span2 first" style="ytmod" type="modules">position12</position>
				<position class="span2" style="ytmod" type="modules">position13</position>
				<position class="span4" style="ytmod" type="modules">position14</position>
				<position class="span2" style="ytmod" type="modules">position15</position>
				<position class="span2" style="ytmod" type="modules">position16</position>
			</positions>
		</spotlight9>
		
		<spotlight10 html5tag="section" order="14" id="yt_spotlight10">
			<positions>
				<position class="span3 right-line" style="ytmod" type="modules">position17</position>
				<position class="span3" style="ytmod" type="modules">position18</position>
				<position class="span3" style="ytmod" type="modules">position19</position>
				<position class="span3" style="ytmod" type="modules">position20</position>
			</positions>
		</spotlight10>
		
		<footer html5tag="footer" order="15" id="yt_footer">
			<positions>
				<position class="span9" type="feature">@copyright</position>				
				<position class="span3" style="ytmod" type="modules">footer-1</position>				
			</positions>
		</footer>
	</blocks>
</layout>


- Go to Template manager -> Layout and select Default layout is left-main-right.
Add your module in position Left

Thanks!
The topic has been locked.
The following user(s) said Thank You: lyvsy

Re: Create a Sidebar on the Left 10 years, 8 months ago #17419

Thanks for your help. I really appreciate the effort you have put into creating this file. However, I have made modifications to the main-right.xml file and, incidentally, the website will go live today. I don't want to lose the modifications. Can you please help modify MY main-right.xml so it becomes left-main-right.xml? The code is below:
-------------------------------

<?xml version="1.0" encoding="utf-8"?>

<layout type="mr">

<head>

</head>

<groups>

<group class="span3">right</group>

<group class="span9" noright-class="span12 no-minheight">main</group>

</groups>

<blocks>

<header1 html5tag="header" order="0" id="yt_header1" autosize="0">

<positions>

<position class="span6" style="none" type="modules">head-0</position>

<position class="span2" style="none" type="modules">head-1</position>

<position class="span4" style="ytmod" type="modules">head-2</position>

</positions>

</header1>



<header2 html5tag="header" order="1" id="yt_header2" autosize="0">

<positions>
<position class="span5" type="feature">@logo</position>

<position class="span3" style="none" type="modules">head-3</position>

<position class="span4" style="none" type="modules">head-4</position>



</positions>

</header2>



<menu html5tag="section" order="2" id="yt_menuwrap">

<positions>

<position class="span12" type="feature">@menu</position>

</positions>

</menu>



<slideshow html5tag="section" order="3" id="yt_slideshow">

<positions>

<position class="span3" style="ytmod" type="modules">slide_show_left</position>

<position class="span6" style="ytmod" type="modules">slide_show</position>

<position class="span3" style="ytmod" type="modules">slide_show_right</position>

</positions>

</slideshow>



<spotlight6 html5tag="section" order="5" id="yt_spotlight6">

<positions>

<position class="span12" style="ytmod" type="modules">position4</position>

<position class="span6 first" style="ytmod" type="modules">position5</position>

<position class="span3" style="ytmod" type="modules">position6</position>

<position class="span3" style="ytmod" type="modules">position6_right</position>

</positions>

</spotlight6>



<spotlight4 html5tag="section" order="6" id="yt_spotlight4">

<positions>

<position class="span3" style="ytmod" type="modules">position1</position>

<position class="span5" style="ytmod" type="modules">position2</position>

<position class="span4" style="ytmod" type="modules">position3</position>

</positions>

</spotlight4>



<spotlight4 html5tag="section" order="7" id="yt_spotlight4">

<positions>

<position class="span4" style="ytmod" type="modules">position1_down</position>

<position class="span4" style="ytmod" type="modules">position2_down</position>

<position class="span4" style="ytmod" type="modules">position3_down</position>

</positions>

</spotlight4>

<spotlight4 html5tag="section" order="7" id="yt_spotlight4">

<positions>

<position class="span3" style="ytmod" type="modules">position1a_down</position>

<position class="span3" style="ytmod" type="modules">position2a_down</position>

<position class="span3" style="ytmod" type="modules">position3a_down</position>

<position class="span3" style="ytmod" type="modules">position4a_down</position>

</positions>

</spotlight4>


<spotlight1 html5tag="section" order="8" id="yt_spotlight1">

<positions>

<position class="span12" style="ytmod" type="modules">spotlight1</position>

</positions>

</spotlight1>



<spotlight2 html5tag="section" order="9" id="yt_spotlight2">

<positions>

<position class="span12" style="ytmod" type="modules">spotlight2</position>

</positions>

</spotlight2>



<spotlight3 html5tag="section" order="10" id="yt_spotlight3">

<positions>

<position class="span6" style="ytmod" type="modules">banner1</position>

<position class="span6" style="ytmod" type="modules">banner2</position>

</positions>

</spotlight3>





<spotlight5 html5tag="section" order="11" id="yt_spotlight5">

<positions>

<position class="span6" style="ytmod" type="modules">banner3</position>

<position class="span6" style="ytmod" type="modules">banner4</position>

</positions>

</spotlight5>




<spotlight7 html5tag="section" order="12" id="yt_spotlight7">

<positions>

<position class="span6" style="ytmod" type="modules">banner5</position>

<position class="span6" style="ytmod" type="modules">banner6</position>

</positions>

</spotlight7>

<spotlight8 html5tag="section" order="13" id="yt_spotlight8">

<positions>

<position class="span12" style="ytmod" type="modules">position7</position>

<position class="span8 first" style="ytmod" type="modules">position8</position>

<position class="span4" style="ytmod" type="modules">position9</position>

</positions>

</spotlight8>



<content html5tag="section" order="14" id="content">

<positions>

<position class="span12 no-minheight" group="main" type="message"></position>

<position class="span12 no-minheight" style="ytmod" group="main" type="modules">breadcrumb</position>

<position class="span12" group="main" type="component">component</position>

<position class="span12" group="right" style="ytmod" type="modules">position10</position>

</positions>

</content>



<spotlight9 html5tag="section" order="15" id="yt_spotlight9">

<positions>

<position class="span12" style="ytmod" type="modules">position11</position>

<position class="span12 first" style="ytmod" type="modules">position12</position>

</positions>

</spotlight9>



<spotlight10 html5tag="section" order="16" id="yt_spotlight10">

<positions>

<position class="span3 right-line" style="ytmod" type="modules">position17</position>

<position class="span3" style="ytmod" type="modules">position18</position>

<position class="span3" style="ytmod" type="modules">position19</position>

<position class="span3" style="ytmod" type="modules">position20</position>

</positions>

</spotlight10>



<footer html5tag="footer" order="17" id="yt_footer">

<positions>

<position class="span12" type="feature">@copyright</position>

<position class="span12" style="ytmod" type="modules">footer-1</position>

</positions>

</footer>

</blocks>

</layout>
The topic has been locked.
New Topic
  • Page:
  • 1
  • 2
SmartAddons
Joomla - Members Only
Joomla Templates
SJ Flat News
Powered by Kunena
Time to create page: 0.35 seconds
Xtore Opencat Theme

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes