Vote for v1.5 Fixes

PrestaShop Forum: Build a free online shop. Count on the Community!

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum: Build a free online shop. Count on the Community!

Jump to content

Photo

How to edit Prestashop theme 1.5.1

prestashop 1.5.1 theme edit editing theme edit theme editing prestashop coding code

  • Please log in to reply
25 replies to this topic
Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 12 October 2012 - 06:58 AM

Dear All Members,

I am Aakash running an online Mobile store using PS 1.5. I need help from those who knows how to edit the theme of the site because I want to change the theme from black default color to my own color blocks.

Those who knows please reply or contact me on my mail id also at aakash.k.punjabi@gmail.com

Its very urgent so please help me with my concern.

Thanks in advance
.

Andrej Stas

    PrestaShop Apprentice

  • Members
  • PipPip
  • 296 posts

Posted 15 October 2012 - 09:23 AM

Hi,

you can create your own theme and set all the colors right here: www.presta-theme-maker.com

Maybe you'll be interested in this solution.

Edited by Andrej Stas, 18 February 2013 - 01:30 PM.

Posted Image Presta-theme-maker.com - Create your own responsive theme

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 16 October 2012 - 08:57 AM

Hello Andrej,

I saw your site and the concept of theme maker is awesome. Thats really nice and unique.

From that, my question is, Can we make other blocks likes categories, manufacture, etc. by our own desired blocks?

Andrej Stas

    PrestaShop Apprentice

  • Members
  • PipPip
  • 296 posts

Posted 16 October 2012 - 11:12 AM

Hello Andrej, I saw your site and the concept of theme maker is awesome. Thats really nice and unique. From that, my question is, Can we make other blocks likes categories, manufacture, etc. by our own desired blocks?


I'm glad you like the project!

As for the question - yes, you can edit the look of all blocks. It's very likely even third party modules will be displayed correctly.
Posted Image Presta-theme-maker.com - Create your own responsive theme

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 17 October 2012 - 06:26 AM

I'm glad you like the project!

As for the question - yes, you can edit the look of all blocks. It's very likely even third party modules will be displayed correctly.


Your Idea is brilliant but it is too much costlier for me.

Andrej Stas

    PrestaShop Apprentice

  • Members
  • PipPip
  • 296 posts

Posted 17 October 2012 - 08:54 AM

Your Idea is brilliant but it is too much costlier for me.


I understand if you need to save money. Wish you good luck with your project! :)

However I think you will hardly find a quality responsive theme for just $14.90 and in this case you can even create it on your ow :)
Posted Image Presta-theme-maker.com - Create your own responsive theme

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 17 October 2012 - 09:02 AM

I understand if you need to save money. Wish you good luck with your project! :)

However I think you will hardly find a quality responsive theme for just $14.90 and in this case you can even create it on your ow :)


I know its unique thats why I said its a brilliant idea and concept. :)

But for me as a low budget site, I can't afford it.

ShopSaveNEarn

    PrestaShop Apprentice

  • Members
  • PipPip
  • 44 posts

Posted 17 October 2012 - 09:26 PM

  • Since this is quite on topic for me and a simple answer to your question is that one just needs to edit the global.css file I did that and changed all the colors, but it seems one part which is the my account section in the footer is not changing.

Anyone have any thoughts on where to edit the footer my account title background color.

Andrej Stas

    PrestaShop Apprentice

  • Members
  • PipPip
  • 296 posts

Posted 18 October 2012 - 12:10 AM

  • Since this is quite on topic for me and a simple answer to your question is that one just needs to edit the global.css file I did that and changed all the colors, but it seems one part which is the my account section in the footer is not changing.
Anyone have any thoughts on where to edit the footer my account title background color.



For custom modifications, I recommend using of Developer tools in Google Chrome -
Posted Image Presta-theme-maker.com - Create your own responsive theme

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 18 October 2012 - 07:29 AM

  • Since this is quite on topic for me and a simple answer to your question is that one just needs to edit the global.css file I did that and changed all the colors, but it seems one part which is the my account section in the footer is not changing.
Anyone have any thoughts on where to edit the footer my account title background color.

For custom modifications, I recommend using of Developer tools in Google Chrome -


I have tried so many times but due to lack of knowledge I'm not able to change color, border types of my blocks.

Just in simple example, if I have to change block color and border of categories see imageAttached File  Capture.JPG   9.37KB   95 downloads

where I have to write the codes in global.css file? Please tell me where I have to write code.

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 18 October 2012 - 12:45 PM

  • Since this is quite on topic for me and a simple answer to your question is that one just needs to edit the global.css file I did that and changed all the colors, but it seems one part which is the my account section in the footer is not changing.
Anyone have any thoughts on where to edit the footer my account title background color.



Hi, I have the same problem as you have. Account block in footer is not changing even tried many times.

ShopSaveNEarn

    PrestaShop Apprentice

  • Members
  • PipPip
  • 44 posts

Posted 18 October 2012 - 01:30 PM

I have been able to change all of the colors except from the footer my account column title background color. all others are simply changed what I did is used firebug and used the highlight selector that I can click on the area and it will give me the css name, which I find in globals and change to a different color background-color:#fff; to background-color:another hex color code;

Here later I will post a short tutorial on this as I will be working on my global.css file and document each change and what it does. Depending on the time I have will determine when I can post so if not today it will be posted tomorrow.

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 19 October 2012 - 08:11 AM

I have been able to change all of the colors except from the footer my account column title background color. all others are simply changed what I did is used firebug and used the highlight selector that I can click on the area and it will give me the css name, which I find in globals and change to a different color background-color:#fff; to background-color:another hex color code;

Here later I will post a short tutorial on this as I will be working on my global.css file and document each change and what it does. Depending on the time I have will determine when I can post so if not today it will be posted tomorrow.


For changing the color of my account in footer, you have to first go to Modules folder and then go to blockmyaccountfooter folder.
There you can find the css file and edit it. Now your problem is solved bro.


And thanks in advance for posting the tutorial .

Edited by Aakash Mehra, 19 October 2012 - 08:13 AM.


ShopSaveNEarn

    PrestaShop Apprentice

  • Members
  • PipPip
  • 44 posts

Posted 19 October 2012 - 01:34 PM

I have some of it done, but have been real busy, I should finish it up by tonight.


Yeah I thought about going that way, but there should be a way to do it from the global css file, at least that want I think the designers were trying to do, but as I am very new I am not sure about that. I will be sure to figure it out and if I have to do as you said I will add it to the tutorial with a citation for your words.

ShopSaveNEarn

    PrestaShop Apprentice

  • Members
  • PipPip
  • 44 posts

Posted 19 October 2012 - 11:15 PM

Introduction
Hi, my name is William Williamson with Shop Save N Earn and a few months ago I was struggling with opening my store as many other free shopping cart software codes were deeply flawed and riddled with errors. Now, I am very adept in PHP and other coding, but without understanding the system you cannot possibly fix the code. However, I eventually found PrestaShop and my problems were solved. Soon after I was faced with another issue as I wanted a new layout or at the very least a new color scheme. Now, if you are like me with a very, very limited income; $10-20 is difficult to spend in which a lack of financial stability is most likely why you decided to start a business in the first place. Since I was very proactive and researched I found that most all or all colors can be altered using the global.css file in the themes/default/css folder, which was quite confusing as well, that is for someone new to PrestaShop. I tinkered with it and found how to change many colors within that document.

Tutorial
I noticed many people need help with this so I wrote this tutorial for everyone who needs to change colors on their themes/default/css/global.css page. So, let's begin with a Halloween color scheme!

Firstly lets change the background of the body.

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
[b]background:#fff---by default it is white[/b]
}

So we change background:#fff to background:orange or any color code.

body{
			font:normal 11px/14px Arial, Verdana, sans-serif;
			color:#222;
			[b]background:orange---change to orange[/b]
}


For my colors the text is not dark enough so we change the link colors.

a, a:active, a:visited {
			[b]color:#333;------color is light grey by default[/b]
			text-decoration:none;
			outline: medium none
}


a, a:active, a:visited {
			color:[b]black;[/b]
			text-decoration:none;
			outline: medium none
}


Now the block titles we want to change to yellow to match the orange.

#footer .block {margin-bottom:0}
			.block h4 {
						padding:6px 11px;
						[b]font-size:12px;-----text size[/b]
						[b]color:#fff;---- text color[/b]
						[b]text-shadow:0 1px 0 #000;----black shadow[/b]
						text[b]-transform:uppercase;-----text decoration[/b]
						[b]background:#383838----default dark grey[/b]
			}
block h4 a {color:[b]black[/b]}--- other blocks default text is grey

.block ul {list-style-type:none}
						.block li.last {  border:none}
									.block li a {
												display:block;
[b]												color:#333------default light grey link lists[/b]


Now, I want to change the footer background to yellow make the text dark or black and to be even more decorative I will add a shadow for decoration, but be sure the shadow color is different than your text color and the text is not bold.

#footer .block {margin-bottom:0}
			.block h4 {
						padding:6px 11px;
						[b]font-size:12px;-----text size[/b]
						[b]color:black;---- text color black[/b]
						[b]text-shadow:0 1px 0 white;----white shadow[/b]
						text[b]-transform:uppercase;[/b]
						[b]background:#E1B506 ----yellow now[/b]
			}

			[b]block h4 a {color:black}--- set the rest of the block title texts to black[/b]

			.block ul {list-style-type:none}
						.block li.last {  border:none}
									.block li a {
												display:block;
[b]												color:black----darken specials and list links text[/b]


For the footer it is trickier but we can make it simple by listing each area and recognizing how it is placed within the document.


#footer {
			[b]color:#fff;---text color for part of the footer[/b]
			[b]background:#333----footer background color default grey[/b]
}
			.blockcategories_footer,
			#footer .myaccount ,
			#block_various_links_footer,
			#social_block,
			#block_contact_infos {
						float:left;
						width:175px
			}



.blockcategories_footer {margin-left:0}
#footer h4 {
			padding-bottom: 10px;
			text-transform:uppercase
}
#footer h4,
#footer h4 a {
			font-weight:normal;
			font-size:14px;
			[b]color:#fff-------more text color to change[/b]
}

#footer a {color[b]:#fff-------more text color to change[/b] }
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color[b]:#fff-------more text color to change[/b] }

#footer .myaccount {padding: 15px 10px}
#footer .myaccount h4 {
			padding:0 0 10px 0;
			background:none;
			text-shadow:none
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}

Now the edits to change our colors.

#footer {
[b]			color:black;----- change first text parts to black[/b]
[b]			background:#E1B506 ---set footer background to yellow[/b]
}
			.blockcategories_footer,
			#footer .myaccount ,
			#block_various_links_footer,
			#social_block,
			#block_contact_infos {
						float:left;
						width:175px
			}


.blockcategories_footer {margin-left:0}
#footer h4 {
			padding-bottom: 10px;
			text-transform:uppercase
}
#footer h4,
#footer h4 a {
			font-weight:normal;
			font-size:14px;
			color:black;
[b]	background:orange;----set column titles background color[/b]
	[b]text-shadow:0 2px 0 white-----make text to have shadow[/b]

}

#footer a {color:black---change text parts to black}
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color:black}---set part of text to black

#footer .myaccount {padding: 15px 10px}
#footer .myaccount h4 {
			padding:0 0 10px 0;
			background:orange;
			 [b]text-shadow:0 2px 0 white -----make text to have shadow[/b]
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}


Okay lastly to finish editing the text colors and the my account title background for the footer you need to edit the modules/blockmyaccountfooter/blockmyaccount.css file as follows.

(Thanks to Aakash Mehra from www.prestashop.com/forums)


#footer .myaccount h4 {
			padding:0 0 10px 0;
			[b]background:#333----background color[/b]
}
#footer .myaccount ul {margin-bottom:0}
#footer .myaccount li {border-bottom:none}
#footer .myaccount li a {
   display: block;
			padding:0;
   [b]color: #fff;---color of text for my account links default white[/b]
   [b]background: none------background color[/b]


Now we need to edit to change both the background on the title from grey to orange, but also need to change the text from white to black.

#footer .myaccount h4 {
			padding:0 0 10px 0;
			[b]background:orange ---- change background color to orange[/b]
}
#footer .myaccount ul {margin-bottom:0}
#footer .myaccount li {border-bottom:none}
#footer .myaccount li a {
   display: block;
			padding:0;
   [b]color: black;---change color of text for my account links to black[/b]
   [b]background: none------background color for each line of lists leave alone unless you want this done[/b]

To change the categories text color edit the categories block in the global.css file.

/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
			#categories_block_left  li.last {		  border:none;}
						#categories_block_left  li a {
									display:block;
									padding:7px 11px 5px 22px;
									[b]color:#333;---text color default light grey[/b]
									background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
						}

So edit the font color to black.

/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
			#categories_block_left  li.last {		  border:none;}
						#categories_block_left  li a {
									display:block;
									padding:7px 11px 5px 22px;
									color:black;[b]---change text color to black[/b]
									background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
						}

Each module will have to be edited to accommodate the text colors you want. Okay well that is that, all the things should be changed, which excludes the top horizontal menu and the assurance banner, oh and the other modules, which can be found by finding the word block with or without stars around it.

Now I am not going to edit the warning, success or error boxes colors but if you want to edit the parts are listed below.

.success {
			margin:0 0 10px 0;
			padding:10px;
			border:1px solid #5cff74;
			font-size:13px;
			background: [b]#d3ffab----background color--light green[/b]
}

.warning {
			margin:0 0 10px 0;
			padding:10px;
			border:1px solid #e6db55;
			font-size:13px;
			[b]background:#ffffe0----background color--whitish[/b]
}

.error {
			margin:0 0 10px 0;
			padding:10px;
			border:1px solid #990000;
			font-size:13px;
			background:#ffcccc
}


Conclusion
Well that is it we have colored the front office of our store and now have a two tone storefront using yellow and orange to make it fit Halloween. Additionally, it may be better to also change the logo to a more festive or Halloween designed logo with your name. I truly hope this helps everyone, but please be kind as it is my first tutorial and I worked very hard on it.

Here is my pdf version.Attached File  Prestashop Tutorial-Halowwen Colors.pdf   272.92KB   295 downloads

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 20 October 2012 - 09:33 AM

Introduction
Hi, my name is William Williamson with Shop Save N Earn and a few months ago I was struggling with opening my store as many other free shopping cart software codes were deeply flawed and riddled with errors. Now, I am very adept in PHP and other coding, but without understanding the system you cannot possibly fix the code. However, I eventually found PrestaShop and my problems were solved. Soon after I was faced with another issue as I wanted a new layout or at the very least a new color scheme. Now, if you are like me with a very, very limited income; $10-20 is difficult to spend in which a lack of financial stability is most likely why you decided to start a business in the first place. Since I was very proactive and researched I found that most all or all colors can be altered using the global.css file in the themes/default/css folder, which was quite confusing as well, that is for someone new to PrestaShop. I tinkered with it and found how to change many colors within that document.

Tutorial
I noticed many people need help with this so I wrote this tutorial for everyone who needs to change colors on their themes/default/css/global.css page. So, let's begin with a Halloween color scheme!

Firstly lets change the background of the body.

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
[b]background:#fff---by default it is white[/b]
}

So we change background:#fff to background:orange or any color code.

body{
			font:normal 11px/14px Arial, Verdana, sans-serif;
			color:#222;
			[b]background:orange---change to orange[/b]
}


For my colors the text is not dark enough so we change the link colors.

a, a:active, a:visited {
			[b]color:#333;------color is light grey by default[/b]
			text-decoration:none;
			outline: medium none
}


a, a:active, a:visited {
			color:[b]black;[/b]
			text-decoration:none;
			outline: medium none
}


Now the block titles we want to change to yellow to match the orange.

#footer .block {margin-bottom:0}
			.block h4 {
						padding:6px 11px;
						[b]font-size:12px;-----text size[/b]
						[b]color:#fff;---- text color[/b]
						[b]text-shadow:0 1px 0 #000;----black shadow[/b]
						text[b]-transform:uppercase;-----text decoration[/b]
						[b]background:#383838----default dark grey[/b]
			}
block h4 a {color:[b]black[/b]}--- other blocks default text is grey

.block ul {list-style-type:none}
						.block li.last {  border:none}
									.block li a {
												display:block;
[b]												color:#333------default light grey link lists[/b]


Now, I want to change the footer background to yellow make the text dark or black and to be even more decorative I will add a shadow for decoration, but be sure the shadow color is different than your text color and the text is not bold.

#footer .block {margin-bottom:0}
			.block h4 {
						padding:6px 11px;
						[b]font-size:12px;-----text size[/b]
						[b]color:black;---- text color black[/b]
						[b]text-shadow:0 1px 0 white;----white shadow[/b]
						text[b]-transform:uppercase;[/b]
						[b]background:#E1B506 ----yellow now[/b]
			}

			[b]block h4 a {color:black}--- set the rest of the block title texts to black[/b]

			.block ul {list-style-type:none}
						.block li.last {  border:none}
									.block li a {
												display:block;
[b]												color:black----darken specials and list links text[/b]


For the footer it is trickier but we can make it simple by listing each area and recognizing how it is placed within the document.


#footer {
			[b]color:#fff;---text color for part of the footer[/b]
			[b]background:#333----footer background color default grey[/b]
}
			.blockcategories_footer,
			#footer .myaccount ,
			#block_various_links_footer,
			#social_block,
			#block_contact_infos {
						float:left;
						width:175px
			}



.blockcategories_footer {margin-left:0}
#footer h4 {
			padding-bottom: 10px;
			text-transform:uppercase
}
#footer h4,
#footer h4 a {
			font-weight:normal;
			font-size:14px;
			[b]color:#fff-------more text color to change[/b]
}

#footer a {color[b]:#fff-------more text color to change[/b] }
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color[b]:#fff-------more text color to change[/b] }

#footer .myaccount {padding: 15px 10px}
#footer .myaccount h4 {
			padding:0 0 10px 0;
			background:none;
			text-shadow:none
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}

Now the edits to change our colors.

#footer {
[b]			color:black;----- change first text parts to black[/b]
[b]			background:#E1B506 ---set footer background to yellow[/b]
}
			.blockcategories_footer,
			#footer .myaccount ,
			#block_various_links_footer,
			#social_block,
			#block_contact_infos {
						float:left;
						width:175px
			}


.blockcategories_footer {margin-left:0}
#footer h4 {
			padding-bottom: 10px;
			text-transform:uppercase
}
#footer h4,
#footer h4 a {
			font-weight:normal;
			font-size:14px;
			color:black;
[b]	background:orange;----set column titles background color[/b]
	[b]text-shadow:0 2px 0 white-----make text to have shadow[/b]

}

#footer a {color:black---change text parts to black}
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none}
#footer li {padding:7px 0}
#footer li a {color:black}---set part of text to black

#footer .myaccount {padding: 15px 10px}
#footer .myaccount h4 {
			padding:0 0 10px 0;
			background:orange;
			 [b]text-shadow:0 2px 0 white -----make text to have shadow[/b]
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {display:none}


Okay lastly to finish editing the text colors and the my account title background for the footer you need to edit the modules/blockmyaccountfooter/blockmyaccount.css file as follows.

(Thanks to Aakash Mehra from www.prestashop.com/forums)


#footer .myaccount h4 {
			padding:0 0 10px 0;
			[b]background:#333----background color[/b]
}
#footer .myaccount ul {margin-bottom:0}
#footer .myaccount li {border-bottom:none}
#footer .myaccount li a {
   display: block;
			padding:0;
   [b]color: #fff;---color of text for my account links default white[/b]
   [b]background: none------background color[/b]


Now we need to edit to change both the background on the title from grey to orange, but also need to change the text from white to black.

#footer .myaccount h4 {
			padding:0 0 10px 0;
			[b]background:orange ---- change background color to orange[/b]
}
#footer .myaccount ul {margin-bottom:0}
#footer .myaccount li {border-bottom:none}
#footer .myaccount li a {
   display: block;
			padding:0;
   [b]color: black;---change color of text for my account links to black[/b]
   [b]background: none------background color for each line of lists leave alone unless you want this done[/b]

To change the categories text color edit the categories block in the global.css file.

/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
			#categories_block_left  li.last {		  border:none;}
						#categories_block_left  li a {
									display:block;
									padding:7px 11px 5px 22px;
									[b]color:#333;---text color default light grey[/b]
									background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
						}

So edit the font color to black.

/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
			#categories_block_left  li.last {		  border:none;}
						#categories_block_left  li a {
									display:block;
									padding:7px 11px 5px 22px;
									color:black;[b]---change text color to black[/b]
									background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
						}

Each module will have to be edited to accommodate the text colors you want. Okay well that is that, all the things should be changed, which excludes the top horizontal menu and the assurance banner, oh and the other modules, which can be found by finding the word block with or without stars around it.

Now I am not going to edit the warning, success or error boxes colors but if you want to edit the parts are listed below.

.success {
			margin:0 0 10px 0;
			padding:10px;
			border:1px solid #5cff74;
			font-size:13px;
			background: [b]#d3ffab----background color--light green[/b]
}

.warning {
			margin:0 0 10px 0;
			padding:10px;
			border:1px solid #e6db55;
			font-size:13px;
			[b]background:#ffffe0----background color--whitish[/b]
}

.error {
			margin:0 0 10px 0;
			padding:10px;
			border:1px solid #990000;
			font-size:13px;
			background:#ffcccc
}


Conclusion
Well that is it we have colored the front office of our store and now have a two tone storefront using yellow and orange to make it fit Halloween. Additionally, it may be better to also change the logo to a more festive or Halloween designed logo with your name. I truly hope this helps everyone, but please be kind as it is my first tutorial and I worked very hard on it.

Here is my pdf version.Attached File  Prestashop Tutorial-Halowwen Colors.pdf   272.92KB   295 downloads


Thumps up for your work and sharing this awesome information for newbies.

Aakash Mehra

    PrestaShop Newbie

  • Members
  • Pip
  • 17 posts

Posted 20 October 2012 - 10:16 AM

I have some of it done, but have been real busy, I should finish it up by tonight.


Yeah I thought about going that way, but there should be a way to do it from the global css file, at least that want I think the designers were trying to do, but as I am very new I am not sure about that. I will be sure to figure it out and if I have to do as you said I will add it to the tutorial with a citation for your words.

I understand if you need to save money. Wish you good luck with your project! :)

However I think you will hardly find a quality responsive theme for just $14.90 and in this case you can even create it on your ow :)


Which code is to be write in homefeatured.css so that my center featured products be looks like this Attached File  Capture12.JPG   33.3KB   129 downloads

in 2 columns format.

Thanks in advance.

Andrej Stas

    PrestaShop Apprentice

  • Members
  • PipPip
  • 296 posts

Posted 20 October 2012 - 10:34 AM

Which code is to be write in homefeatured.css so that my center featured products be looks like this Attached File  Capture12.JPG   33.3KB   129 downloads

in 2 columns format.

Thanks in advance.


Prestashop Theme Maker even now supports "grid" view of products.
http://presta-th...themes-gallery/ - take a look here what you can directly download after registration.

On October 27th - a new version will be released.
- 2 columns layout added

Edited by Andrej Stas, 18 February 2013 - 01:31 PM.

Posted Image Presta-theme-maker.com - Create your own responsive theme

ShopSaveNEarn

    PrestaShop Apprentice

  • Members
  • PipPip
  • 44 posts

Posted 20 October 2012 - 02:41 PM

The home featured would need the smarty template edited at the very least as I believe the smarty template holds the table data.


Aslo, I agree if you have or get an extra 15 dollars it would be very profitable and efficient to use Prestashop-theme-maker as it is extremely faster and less of a headache, not to mention the layout and other modifications you can do with their services. To be honest as a business owner I cannot devote the time to making multiple templates or designs for my site and build my business at the same time, while doing marketing and SEO of my site. So, Prestashop-theme-maker will definitely be something I will use in the future, and if your like me and have teen and preteen kids you can even let them design the store template at Prestashop-theme-maker for you; that's right it is that easy to make a store template at Prestashop-theme-maker.

Who owns Prestashop-theme-maker?

Do you think they will publish my tutorial on their blog?

Andrej Stas

    PrestaShop Apprentice

  • Members
  • PipPip
  • 296 posts

Posted 21 October 2012 - 11:32 AM

The home featured would need the smarty template edited at the very least as I believe the smarty template holds the table data.


Aslo, I agree if you have or get an extra 15 dollars it would be very profitable and efficient to use Prestashop-theme-maker as it is extremely faster and less of a headache, not to mention the layout and other modifications you can do with their services. To be honest as a business owner I cannot devote the time to making multiple templates or designs for my site and build my business at the same time, while doing marketing and SEO of my site. So, Prestashop-theme-maker will definitely be something I will use in the future, and if your like me and have teen and preteen kids you can even let them design the store template at Prestashop-theme-maker for you; that's right it is that easy to make a store template at Prestashop-theme-maker.

Who owns Prestashop-theme-maker?

Do you think they will publish my tutorial on their blog?


Hello,

thank you for your feedback, I'm glad you like the project! :)

What kind of tutorial do you mean? Please write me a PM ;)
Posted Image Presta-theme-maker.com - Create your own responsive theme





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users