How to Create Open cart Theme?

The first thing you want to do is goto /catalog/template/ and copy the “default” folder to a new name like “mytheme”.
Now goto ‘Admin->Configuration->Setting->Shop tab’ and set the template to the new one.

Reference Site :
http://forum.opencart.com/viewtopic.php?f=29&t=2657

How to create wp curve menu css ?

You can use below coding that is useful for curve menu creation.

/* =Menu
————————————————————– */
#top-bar-bg{
background: #820086;
border-bottom:8px solid #000;
padding:20px 0 0 0;

}
div.search_container{
position:absolute;
top:0;
right:0;
}
div.search_container input.keywords{
font:12px Arial, Helvetica, sans-serif;
float:left;
}
#access {
display: block;
margin: 0 auto;
width: 940px;
position:relative;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a {
display: block;
line-height: 38px;
text-decoration: none;
/*-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;*/
font:14px Arial, Helvetica, sans-serif;
padding:10px;
}
#access ul li {
color: #9D9B9B;
background:url(images/menu-normal-right.jpg) no-repeat top right;
margin-right:10px;
}
#access ul li a{
color: #9D9B9B;
background:url(images/menu-normal-left.jpg) no-repeat top left;
}

#access ul ul {
/*box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);*/
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover {
background:url(images/menu-hilight-right.jpg) no-repeat top right;
color: #000;
}
#access li:hover > a,
#access ul ul :hover > a {
background:url(images/menu-hilight-left.jpg) no-repeat top left;
color: #000;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item,
#access ul li.current-menu-ancestor,
#access ul li.current-menu-item,
#access ul li.current-menu-parent {
background:url(images/menu-hilight-right.jpg) no-repeat top right;
color: #000;

}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
background:url(images/menu-hilight-left.jpg) no-repeat top left;
color: #000;

}
* html #access ul li.current_page_item,
* html #access ul li.current-menu-ancestor,
* html #access ul li.current-menu-item,
* html #access ul li.current-menu-parent,
* html #access ul li{
background:url(images/menu-hilight-right.jpg) no-repeat top right;
color: #000;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
background:url(images/menu-hilight-left.jpg) no-repeat top left;
color: #000;
}

that’s all. 🙂

Other one Option :

/* =Menu
————————————————————– */

#access {
display: block;
float: left;
margin: 0 auto 0 auto;
width: 500px;
height:29px;
position:absolute;
top:39px;
right:0px;
}
#access .menu-header,
#access .menu-header ul.menu {
font:12px “Myriad Pro”, Arial, Helvetica, sans-serif, Verdana;
color:#9CB2E4;
margin-left: 12px;
width: 420px;
float:right;
}
#access .menu-header ul,
#access .menu-header ul.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
#access .menu-header ul.menu li {
float: left;
position: relative;
padding:0 0 0 0;
}
#access .menu-header a {
color:#9CB2E4;
font:bold 12px “Trebuchet MS”, Arial, Helvetica, sans-serif;
text-decoration:none;
padding:13px 0 13px 0;
text-decoration: none;
background: url(images/topmenuright.gif) no-repeat right;
}
#access .menu-header ul li a span { padding:13px 15px; background: url(images/topmenuleft.gif) no-repeat left;}
#access .menu-header ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access .menu-header ul li a{
margin:0 5px;
float:left;
}
#access .menu-header ul ul li {
min-width: 180px;
padding:13px 10px;
}
#access .menu-header ul ul ul {
left: 100%;
top: 0;
}
#access .menu-header ul ul a {
/*background: transparent;*/
line-height: 1em;
padding: 15px;
width: 160px;
height: auto;
}
#access .menu-header li:hover > a,
#access .menu-header ul ul :hover > a {

color:#fff; background: url(images/topmenurighthover.gif) no-repeat right;
}
#access .menu-header li:hover > a span,
#access .menu-header ul ul :hover > a span{color:#fff; background:url(images/topmenulefthover.gif) no-repeat left; }

#access .menu-header ul li:hover > ul {
display: block;
}
#access .menu-header ul li.current_page_item > a,
#access .menu-header ul li.current-menu-ancestor > a,
#access .menu-header ul li.current-menu-item > a,
#access .menu-header ul li.current-menu-parent > a {
color:#fff; background:url(images/topmenurighthover.gif) no-repeat right;
}
#access .menu-header ul li.current_page_item > a span,
#access .menu-header ul li.current-menu-ancestor > a span,
#access .menu-header ul li.current-menu-item > a span,
#access .menu-header ul li.current-menu-parent > a span{
color:#fff; background:url(images/topmenulefthover.gif) no-repeat left; }

* html #access .menu-header ul li.current_page_item a,
* html #access .menu-header ul li.current-menu-ancestor a,
* html #access .menu-header ul li.current-menu-item a,
* html #access .menu-header ul li.current-menu-parent a,
* html #access .menu-header ul li a:hover {
color:#fff; background:url(images/topmenurighthover.gif) no-repeat right;
}
* html #access .menu-header ul li.current_page_item a span { color:#fff; background:url(images/topmenulefthover.gif) no-repeat left; }

How can i edit prestashop contact details & Modules change?

1. Go to Prestashop Back officce

2. Click Employees

3. Then click contacts

now you change your style contact.

And one more

You want any modules view or disable.

Go to back office then click modules

and change your option.

🙂

How Javascript Redirect very slowly?

You need page redirect very slowly Or scrolling the script in your page top to bottom you can use below code :

<script language=”javascript” type=”text/javascript”>
//var end = 1550;
var end = 350;
var tr;
var _flag=0;

function vertsc() {
deelay=10;
del2add=deelay;
entDel=deelay+(deelay)*end+10;
for(i=0; i<end; i++){
doscr(deelay);
deelay+=del2add;
}
tr = setTimeout(‘go()’,entDel);
}

function doscr(deelay){
setTimeout(“top.scrollBy(0,-5)”,deelay);
//setTimeout(“top.scrollBy(0,1)”,deelay);
}

function go(){
clearTimeout(tr);
window.location=”http://www.google.com/german-chat-trading/amazon.php”;
}
onload = vertsc();
</script>

that’s all fine. 🙂

How Can I edit header.tpl on PS 1.4?

You Before Edit Coding Part in Prestashop go to backoffice.

Then you can change below Modification. Then you can do the coding edit part. It will work perfectly.

Backoffice—>performance—>Force compile:Yes

🙂

How to Create Prestashop Themes?

1. Copy the default theme
And rename your theme name.

2. Change your theme css

  1. In the new theme folder (e.g., ../themes/MyStoreTheme/), locate the /css folder.
  2. Open the file global.css and modify it according to your needs.
    Note: the file maintenance.css located in the same folder controls the layout of the Maintenance Mode page.
  3. New or modified images must be placed in the new theme’s /img folder (e.g., ../themes/MyStoreTheme/img).

Tips from the PrestaShop development team

  • Where possible, use CSS instead of HTML (e.g., for tables)
  • Validate your XHTML code on w3c.org
  • Reduce images and pictures size by using compression
  • Test your theme on several Web browsers
  • Keep filenames lowercase
  • Homepage text and logo are modifiable directly via the Back Office. Go to Back Office >> Modules >> Home text editor and click Configure.
  • Change the positioning of modules on a page or pages by transplanting them via the Back Office:
    1. Go to Back Office >> Modules >> Positions
    2. Click Transplant a module.
    3. In the drop-down list, select the module you want to move.
    4. In the second drop-down list, select where you want to transplant the module.
    5. Type the name of those files you do not want the module to appear (optional).
    6. Click Save.

Prestashop Theme Screenshot changes:

Theme’s root folder (e.g., ../themes/MyStoreTheme) preview.jpg. This file must be a 100 x 100 pixels only.

Prestashop Theme Changes :

  1. Go to Back Office >> Preferences >> Appearance >> Themes section
  2. Select your theme and click save button.

More reference : http://www.prestashop.com/wiki/Themes/

🙂

How to Remove symbols in line via php?

You remove below Hypen Symbol in the Example Line.

Ex: test | 247 | Ram | Tiger

Below is the particular Query :

explode(‘|’, $item_number);

And You want fixed that value in Array Type, Use Below Query :

$array=explode(‘|’, $item_number);

Below line is above Array value Display one by one :

foreach($array as $key => $value){
echo “Client Purchasing Item: <a href='”.$DOMAIN.”/items/item.php?itemid=”.$array[$key].”&id=”.$item_id.”‘>Items</a><br />”;
}

This is simple example. You use your idea 🙂

How to hide Browser Back and Forward Button?

function disableBackButton()
{
window.history.forward();
}
setTimeout(“disableBackButton()”, 0);

1. And Go to Html Page

2.  Put the body onunload section area Below Code :

<body onUnLoad = “disableBackButton();”>

🙂

How After Submit and When back Button Press Form Field Reset ?

function formclear(){
document.getElementById(‘uName’).value = ”;
document.getElementById(‘vorname’).value = ”;
document.getElementById(‘adresse’).value = ”;
document.getElementById(‘plz’).value = ”;
document.getElementById(‘ort’).value = ”;
document.getElementById(‘uEmail’).value = ”;
document.getElementById(‘uEmail2’).value = ”;
document.getElementById(‘agb_digital’).checked = false;
document.getElementById(‘sixLettersCode’).value = ”;
//document.enForm.reset();
}

And But Below Code in Body Section :

<body onLoad=”formclear()” onUnload=”formclear()”>

Important Magento Tips

Welcome Message  Changes :
Admin > System > Configuration > Design > Header > Default Welcome Text.

© 2020 Spirituality