My Account Block fills left and middle column.

[riccojs]

First post and new to Prestashop but do work on websites and programing. I am getting close to launching the cart, just need to add content and fix one little issue, which I have been working on for two weeks. Well two issues with the same module. My Account Block.

First issue that block is to be a different color than the rest of the site and it stays the default color no matter what I change. I do see the different color pictures available but no change to the site. I would like but not need to have the color different as in other carts I have sampled.

 

Second and this is the big issue. Looking at my attachments you can see I have a three column layout and all is good, when you click register it combines the left and center column to create account and that is ok as it is need for the space, but after logging in all the links in the block open to a merged left and middle column losing all the links in the left column. Now I have two links from a different module in the my account block and when clicking on them they work as should showing the left column and displaying content in the middle. But when clicking the links from the account block it again will merge the left and middle column..

 

This is in IE and Chrome

 

Please take a look any help will be appreciated.

 

Thanks

John

 

Server information

Server information: Linux #1 SMP Fri Nov 22 08:02:49 EST 2013 x86_64

Server software version: Apache mod_fcgid/2.3.10-dev

PHP version: 5.4.23

Memory limit: 64M

Max execution time: 120

Database information

MySQL version: 5.5.32-cll-lve

MySQL engine: InnoDB

Tables prefix: smnk_

Store information

PrestaShop version: 1.5.6.2

Shop URL: https://www.nikolaguide.com/

Current theme in use: PS_Simple_Black

Mail configuration

Mail method: You are using the PHP mail function

 

Module

“My Account Block V 1.2”

[vekia]

2) everything depends on controller. referral program has got own controller, and there is definition to display left column. 

my account / my orders page is a seaprate page and these pages have got definition to hide left column.

you have to deal with css styles and in some cases with controllers.

 

for example:

#authentication #center_column {
width: 757px;
}

+

#authentication #left_column {
display: none;
}

global.css line about ~555

1) have you got there any test account to log in and test your my account block?

[riccojs]

Thanks for the fast reply, I found the above in the global CSS editing those didn't change anything. I also looked at the controler and found nothing to change the behavior. I also looked through the issue of changing color and I can't find any refrence to the images for the customer account any where.

 

I checked this on the working site and a default install of the site with the same results always no show left colomn and no color changes

 

I did create a test account "[email protected]" "123456" any other ideas to look or did they remove the color feature and left column on the new version of Prestashop?

 

I hope you can help as would like to launch at the end of the month. Any other ideas or places to look? I did check every file in the module folder and alll the CSS related to account in the CSS folder, and still found nothing.

 

Thanks

John

[vekia]

 

i just modified: https://www.nikolaguide.com/themes/PS_Simple_Black/css/my-account.css

[riccojs]

Thanks for the help, but still does not work. I think something deeper is going on, it seems like such an easy thing, but the colors are not even showing as well. I edited the above CSS file and there was no change, even cleared the store Cache and the browser cache including recompiling. And there was no change so I tried again, but renamed the above file and still no change. Now I do get what you have above when I click on "My Account" in the title bar even with the css removed or in place, but clicking any of the links below that result in no left column and content going from left column through the center column. Excluding the last two links which come from a different module. Any more help would be greatly appreciated.

 

Thanks you

John

[riccojs]

To add I think it is to work this way, as I browse around but it should still be able to change and if the real-estate is still needed can it be switched to take center and right column and not the left. that would be my account and my cart. in testing the cart behaves the same way.

 

Plus it is so strange that I can not change the colors.

 

Thanks

John

[vekia]

Thanks for the help, but still does not work. I think something deeper is going on, it seems like such an easy thing, but the colors are not even showing as well. I edited the above CSS file and there was no change, even cleared the store Cache and the browser cache including recompiling. And there was no change so I tried again, but renamed the above file and still no change. Now I do get what you have above when I click on "My Account" in the title bar even with the css removed or in place, but clicking any of the links below that result in no left column and content going from left column through the center column. Excluding the last two links which come from a different module. Any more help would be greatly appreciated.

 

Thanks you

John

 

checked your website and it works

[vekia]

To add I think it is to work this way, as I browse around but it should still be able to change and if the real-estate is still needed can it be switched to take center and right column and not the left. that would be my account and my cart. in testing the cart behaves the same way.

 

Plus it is so strange that I can not change the colors.

 

Thanks

John

 

 

the same situation in cart

#order-opc #center_column {
width: 757px;
}

+

#order-opc #left_column {
display: none;
}

in global.css line +/- 1024

 

 

effect after changes:

[vekia]

my account color change (background)

 

paste this in global.css

.myaccount {
	background:red!important;
}

effecT:

[riccojs]

Thanks again, I am getting it now, have been doing some editing and getting great results. So thanks for your help. Is there somewhere to find where info is in the CSS files. I have edited several menus with great success, but can't find where to edit the below.

 

Font color My Account main title

 

column size and location.

My Orders

My Personal Info

My Favorite Products. Plus want to remove the period.

 

 

Thanks

John

[vekia]

if you want to change color only for my account header you have to create new styles:

.myaccount .title_block a {color:red!important}

you can paste this to the global.css like you pasted code for background color.

 

 

to change My Orders page:

#history #left_column

in history.css file https://www.nikolaguide.com/themes/PS_Simple_Black/css/history.css (there is also display:none; - just remove it)

 

 

my personal information page

#identity #left_column {
display: none;
}

+

#identity #center_column {
width: 757px;
}

in: https://www.nikolaguide.com/themes/PS_Simple_Black/css/identity.css

 

 

 

My favourite products

#module-favoriteproducts-account #left_column {
display: none;
}

+

#module-favoriteproducts-account #center_column {
width: 757px;
} 

https://www.nikolaguide.com/themes/PS_Simple_Black/css/modules/favoriteproducts/favoriteproducts.css

[riccojs]

Vekia,

 

Thanks so much for all the help, I have everything where I want it and editing is getting much easier. I have been playing around with coding for the last two hours trying to figure out how to fix the last issue.

 

I have all the menus changed and working, but identity.css is giving me some issues, I have it programed up to what I want, or using the default install identity.css and I get the same results. looking at the photo the navigation bar drops down 10PX showing a repeat on my background image and then the tree columns are touching the navigation bar. Now I can correct this by adding the 10PX padding to identity.css on each column, but the issue is not the columns moving up to the nav bar it is the nav bar dropping. This is only on the identity.css file, any of the other links everything is fine.

 

I looked through the other CSS I have edited and can't find anything that would make the nav bar change position. Any idea what is different in the identity.css file that makes the nav bar drop?

 

Thanks

John

[riccojs]

[vekia]

it's because of 

#identity p {padding-bottom: 10px;}

 

in identity.css file

[riccojs]

Had an idea that is what it was, the line is in the code already. I checked the other files they all have it in different places in the code. below is the code in the css file. but it still does not work.

 

#identity #left_column {width:204px;}

#identity #center_column{width:528px;}

#identity #right_column {width:204px;}

/*

#identity #left_column {padding-top:10px;}

#identity #center_column {padding-top:10px;}

#identity #right_column {padding-top:10px;}

*/

#identity h3 {font-weight:normal; font-size: 13px;}

#identity p {padding-bottom: 10px;}

#identity form.std fieldset {

margin-top: 0;

padding: 10px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

background: #e4e4e4;

}

#identity .std p.required {color:#333;}

#identity .std p.text label,

#identity .std p.password label,

#identity .std p.select label {

display: inline-block;

padding-right: 10px;

width: 174px;

font-weight: bold;

font-size: 12px;

text-align: right;

}

#identity .std p.text label sup,

#identity .std p.password label sup,

#identity .std p.select label sup {color:#990000;}

#identity .std p.text input,

#identity .std p.password input {

padding: 0 5px;

height: 20px;

width: 253px;

border: 1px solid #e4e4e4;

background: url(../img/bg_input.png) repeat-x 0 0 #fff;

}

#identity .std p.select select {border:1px solid #ccc;}

#identity .std p.radio span {

display: inline-block;

padding-right: 10px;

width: 174px;

font-weight: bold;

font-size: 12px;

text-align: right;

}

#identity .std p.radio input {

padding: 0 5px;

height: auto;

width: auto;

border: none;

background: none;

position: relative;

bottom: -3px;

}

#identity .std p.checkbox input {

position: relative;

top: 2px;

left: 0;

margin: 0 2px 0 187px;

}

#identity .std p.submit {padding:10px 0 20px 187px;}

#identity .std p.submit .button {padding:5px 25px;}

#identity .std #security_informations {

padding: 0 0 0 187px;

font-size: 11px;

}

[riccojs]

Ok figured that out! it should not even be in the file.