rustyclockwork Posted September 2, 2013 Share Posted September 2, 2013 I'm debating about moving my breadcrumbs to the horizontal menu bar, just like my Oscommerce site has here: www.oldfoundry.comI'm not sure how to go about doing that with prestashop though.Does anyone have any other ideas as if there is a better place to put the breadcrumbs? I really don't like the stock layout.Thank you,Jason Link to comment Share on other sites More sharing options...
NemoPS Posted September 2, 2013 Share Posted September 2, 2013 You can't physically move breadcrumbs out of the center column in prestashop, as some varialbes are assigne when the central part is loaded. However, you can assign it an absolute position with css and move it aroud. If I were to choose, I'd move it right above the left column : ) Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 2, 2013 Author Share Posted September 2, 2013 That is a great idea! I think it would look really nice in the location you mentioned. I'm not all up on CSS and position, but I can figure it out with experimenting. Do you have any suggestions as to what the code will look like and where I should put it? Will I have a separate position for the little "home" icon image? I really appreciate the help, Jason Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 2, 2013 Author Share Posted September 2, 2013 This is my code below... /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom:10px; font-size:11px } .breadcrumb .navigation-pipe {margin:0 2px 0 1px} .breadcrumb img { position:relative; top:7px } Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 2, 2013 Author Share Posted September 2, 2013 I think I have it... /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { position:absolute; top:-34px; left:-225px; margin-top:-1px; font-size:11px } .breadcrumb .navigation-pipe {margin:0 2px 0 1px} .breadcrumb img { position:relative; top:7px } Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 2, 2013 Author Share Posted September 2, 2013 Some of my pages that have longer title names in the breadcrumbs are being truncated, and I'm trying to get the longer ones to extend over the right side column. Does anyone have any ideas about this? I'm assuming it's a margin setting, but so far, nothing has worked. Thank you, Jason Link to comment Share on other sites More sharing options...
NemoPS Posted September 2, 2013 Share Posted September 2, 2013 What do you mean exactly by truncated? With dots? If so, the name is simply being cut when it's generated in php Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 2, 2013 Author Share Posted September 2, 2013 Hi Nemo, They seem to be running into a margin of some sort... Every adjustment to the existing breadcrumb margins I've tried, doesn't seem to do anything... I'm wondering if they are running into some other margin of some sort. Thank you again for your help, Jason Link to comment Share on other sites More sharing options...
NemoPS Posted September 2, 2013 Share Posted September 2, 2013 Is there a chance we can have a look at the site? Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 2, 2013 Author Share Posted September 2, 2013 I'll have to configure the maintenance option later tonight, but I will definitely do that. Thank you again, Jason Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 3, 2013 Author Share Posted September 3, 2013 Here is the screen shot... off to the left you will see the overlapping text "Chapuis and Edmond Droz" which should be continued to hover over and above the far right column that says "restoration and repair services" Here is the breadcrumb below, and it needs to be all displayed on one line. > Old Foundry's Library>Automatons, Singing Birds, and Moving Pictures Section.> Automata, a Historical and Technological Study by Alfred Chapuis and Edmond Droz Thank you again, Jason Link to comment Share on other sites More sharing options...
NemoPS Posted September 3, 2013 Share Posted September 3, 2013 It's hard to tell exactly what's going on as it's a custom theme. Try setting for breadcrumbs' width the same value of the page width. But the ideal thing would be to be able to inspect the real code Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 3, 2013 Author Share Posted September 3, 2013 (edited) edited my earlier post... Edited September 3, 2013 by rustyclockwork (see edit history) Link to comment Share on other sites More sharing options...
rustyclockwork Posted September 3, 2013 Author Share Posted September 3, 2013 I GOT IT!!! I set the width to 100% and that didn't work, so I set it to 1000px and it worked! Thank you! Jason Link to comment Share on other sites More sharing options...
NemoPS Posted September 4, 2013 Share Posted September 4, 2013 Glad to know it! I marked the topic as solved Link to comment Share on other sites More sharing options...
Recommended Posts