[SOLVED] Move Block Cart into Block TopMenu

[itiago50]

hi

 

anyone can help me?

i would like to move shopping cart to the block top menu.

 

thanks

Edited May 21, 2014 by itiago50 (see edit history)

[vekia]

what theme you use and what prestashop version?

everything depends on it

[itiago50]

hi

thank you for your reply.

i am using the theme6 and the version is 1.6.

 

the site is only in my network and will be available at the end of the month.

[samyha]

Hello itiago50,

 

According to your number of posts you are new on the forum, so welcome .

 

However, you didn't post in the right section, so I moved your topic into the "Configuring & using PrestaShop" section. I invite you to read our forum rules, they will guide you for your futur posts .

[vekia]

okay, so go to modules > positions and search for modules list named: "displayTop"

search there (on dispalyTop modules list) for cart module and move it right after the block top menu module.

 

then:

 

1) open blocktopmenu.tpl file located in: themes/YOUR_THEME/modules/blocktopmenu/blocktopmenu.tpl and remove this code:

		</ul>
	</div>

from lines 19.20

 

2) then open: /themes/YOUR_THEME/modules/blockcart/bockcart.tpl and at the very end of the file add:

                        </li>
		</ul>
	</div>

and at the begining of the file add:

<li>

now recompile theme :-)

[itiago50]

hi

 

amazing!! you are the best. it works.

but the shopping cart stays on the second line of topmenu and at the center of the row. i tryed to change the position to the end of the row on right, but when i click on 'add to cart' the popup window with the confirmation added does not show correctly.

[vekia]

hello

any chance to see it live? i bet on simple modification of css styles

[itiago50]

hi.

Thank you for your patience in helping me.
the website is not yet online. in fact this is the last thing I have to arrange to be all ok in Store Launch on 1 June.
i tryed to add an image but is not working.

 

i will try to see on css file if there is any way tu put the shopping cart on right.

my knowledge is basic but can be a way to give :s

i will post again with the result.

[vekia]

so if it isn't online - can you attach a screenshot how it looks like at the moment? it will be helpful in this case

[itiago50]

hi vekia

thanks for your reply. here is the screenshot

 

 

[vekia]

thank you!

 

now go to blockcart.css file

change:

#header .shopping_cart {
position: relative;
float: right;
padding-top: 50px;
}

to:

#header .shopping_cart {
position:absolute;
top:7px;
right:0px;
}

and also:

 

remember that you added <Li> element at the beginign of module .tpl file ?(blockcart.tpl)

change it to:

 

<li style="float:right;">

effect:

[itiago50]

worked.
is on the spot I want.
thanks for your help.

[vekia]

you're welcome :-)

thank you for your patience 

im gouing to mark topic as solved

 

you can also mark topics as solved.

it's not necessary but it's good practice here :-)

 

 

[sOLVED] Topic
If, after posting a topic, you find a solution to your problem, please indicate it in your post and describe the solution.
Furthermore if you are the author of the topic for which a solution has been found, please edit your topic title to mark it as [sOLVED].

To mark a topic as [solved] :
- Edit the first post of your topic by clicking on the "Edit" button,
- Click on the "Use full editor" button,
- Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button.

[overlord]

Hello vekia. I did everythink as you explain  in this topic, and in front office its look ok, but only one problem: when i pressing the button Add to cart ,i have a popup window to chose what to do next, did i want to checkout or continue shopping, and that window is not in middle of screen, but in right side, and only half of them is visible. And its goes like that then i add <li style="float:right;"> .How can i bring that popup window back to middle of screen? Thanks for help. 

Edited September 16, 2014 by overlord (see edit history)

[Nilesh612]

superb!! even i tried this and i was successful in doing this thank you so much 

[Nilesh612]

Hello vekia. I did everythink as you explain  in this topic, and in front office its look ok, but only one problem: when i pressing the button Add to cart ,i have a popup window to chose what to do next, did i want to checkout or continue shopping, and that window is not in middle of screen, but in right side, and only half of them is visible. And its goes like that then i add <li style="float:right;"> .How can i bring that popup window back to middle of screen? Thanks for help. 

even m facing this problem