Is there a way to move blockcart to upper right corner?

[rustyclockwork]

Hi everyone,

 

Using a copy of the stock prestashop theme from a fresh install of 1.6.0.11, and have been carefully modifying that copy.

 

I have done some searching on the forum, but haven't found a solution yet for moving the cart block to the upper right-hand corner of the screen.

 

I don't know if hooking the blockcart to top banner will work (it won't work on the positions page in back office)  I currently have blockcart hooked to the top of displaynav.

 

Is there a way to unhook the blockcart from everything except the main overall page?  Or is that not how prestashop works?

 

Enclosed is a screen shot.  I removed the shop logo block and am using the banner block for my logo, so as you can see, it has been resized.

 

Thank you for any help!

Jason

 

Edited February 5, 2015 by rustyclockwork (see edit history)

[rustyclockwork]

Does anyone have an idea of what I should edit to do this?

 

Thank you,

 

Jason

[NemoPS]

Could you share a link to your website?

[rustyclockwork]

Hi, yes, I have enabled the store right now...

 

the address is:

 

http://vps5951.inmotionhosting.com/~oldfou5/index.php

 

Thank you for wanting to look at this,

Jason

[rustyclockwork]

Can anyone look at this while my site is visible?  I'm just trying to figure out the code to move the cart box into the upper right-hand corner of the screen... so that it will always be in the upper right hand corner of the visitor's screen no matter what the window size.

Thank you,

Jason

[NemoPS]

Check the theme folder, modules, blockcart

Open blockcart.tpl

 

The main block will have this as class

 

col-sm-4 clearfix

 

Add style="float:right"

[rustyclockwork]

Hi Nemo,

Thank you!

 

This is where I put the code you mentioned...

 

{if isset($blockcart_top) && $blockcart_top}

<div class="col-sm-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}"style="float:right">

{/if}

<div class="shopping_cart">

 

A screenshot is included, is there a way to put it in the extreme upper left of the page?

Thank you again,

Jason

 

 

Edited February 13, 2015 by rustyclockwork (see edit history)

[NemoPS]

ahh sorry I thought you said upper right. Use float: left. Also, blockcart.css, line 4, set float:left there as well (theme folder/modules/blockcart)

[rustyclockwork]

Hi Nemo,

 

No, I'm sorry, I had meant to type "right"

 

Here's the issues...  It appears that the cart block is connected to something, as it cannot be moved further to the top of the page... I'm trying to get it to be "hooked" to the tip top of the banner block, which prestashop configuration page says it is unable to do...  So the last screenshot is as high as I can get it so far... I need to find out what code I need to hook it to the top of the banner block.

 

PS - if you are viewing my site on an iphone, it won't display properly as I have tried to disable the mobile theme (no real advantage to my customer base) but the mobile theme has yet to be disabled.

 

Thank you again,

Jason

[NemoPS]

Ah, you mean the very very top? You can't easily do it, there is a banner up there. You might be able to achieve something by using position:absolute; top: -200px; right: 0; but you have to make sure there is wrapper with the same width of the page with position:relative.

[rustyclockwork]

Nemo!  Thank you, this seems to have worked, but I didn't do any wrapper work (wouldn't know how anyway)...  if I'm missing something, please let me know, but I think it's working.

 

I just have to figure out how to move the "telephone: 765-742-1020" to the far left and the "contact us" and "sign in" to the far right (like to the edges of the page).

 

I don't think I'll have any questions related to this after I figure out those, and I really appreciate your help.

 

Thank you,

Jason

Edited February 17, 2015 by rustyclockwork (see edit history)

[NemoPS]

uhm...? telephone is on the far left already, as for the others, try with float:right again

[rustyclockwork]

Hi Nemo, I'm wondering if I should double check how my site is being displayed on other systems... I'm using Yosemite OS X on an iMac and also Retina iPad.  I have yet to see how my site is being displayed on Windows systems or old Mac systems.

 

I will enclose further screenshots, but what I'm trying to accomplish is have no margins on either side of the top header (not sure if I'm wording that correctly).

 

I want the "telephone" and my logo to keep following the far left when a window is enlarged, and the cart block and "contact us" and "sign in" parts to follow the right edge...  Once I get this finished, I'll be really happy as I'm trying to make the top part of the site to look as much like the old OsCommerce site that my customer's are so familiar with.

 

I'm hoping when I edit the @media code to eliminate the responsiveness, that some of these issues might be resolved.

Thank you again all of your help,

 

Jason

 

Edited February 18, 2015 by rustyclockwork (see edit history)