Happy International Labor Day 2024! Get 35% OFF for All Products, Membership and Services
VIEW MORE
labor_day"
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, 2 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, 2 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, 2 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, 1 month 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, 1 month 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, 1 month 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

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
AutoParts - Auto Parts, Tools, Equipments & Accessories Shopify 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