0

I'm very new to Magento so please keep that in mind. I didn't see this question asked here before so here goes...

I want to add a full width image on the top of some of my category pages and cms pages. This will be under the main navigation. This is not my website but an example of what I mean (http://www.sixpackbags.com/ambassadors/. I can make the cms pages full width but then the content is as well and then it adds padding under the navigation as well. Any one know how I achieve this?

Again I want the position on all pages(categories and cms) and be able to put different images in every position.

I wasn't sure if I could use "breadcrumb position" or had to make my own? If I do have to make my own. How do I do this?

I really appreciate any help I can get from any one on here. Thank you so much!

Lima
  • 33
  • 2
  • 7
  • you might customize the styles.css for that full width layout. – Alex Ivanov Dec 18 '14 at 15:45
  • I'm assuming it would be in the theme files somewhere. But the category pages are not set to full width. Product pages have a sidebar with all the other categories. How would I do that? – Lima Dec 18 '14 at 15:55
  • You will probably need to add a new block to the page template with XML. I doubt CSS will do the trick for most Magento templates. – RichTea Dec 18 '14 at 17:05

1 Answers1

0

for add a image to category pages you can use default category "image" attribute navigate to Admin->Catalog->Manage Categories -> select appropriate category from the left sidebar->Genaral Information -> Find the image field and upload the image there . If you using default magento theme the image should display by now please check this video for more info . If you are using custom template you will need some coding also.

for cms pages follow this guide

to make the image full width you have to edit theme style sheet located in 

root/skin/frontend/your_theme/default/css/styles.css
Chamal Chamikara
  • 496
  • 6
  • 17
  • I already put the image in the default spot in the category I just couldn't figure out how to change the image to full width in the css. I need the page content to be contained as is and not full width. Just the image on top. is that possible? I was trying to resize with css and it wouldn't change. – Lima Dec 18 '14 at 20:07
  • yes it should be possible, can you post the site link here then I can take a look otherwise it is hard to predict what changes should we done – Chamal Chamikara Dec 19 '14 at 16:42
  • Chamal, What we are trying to achieve is this ... http://www.sixpackbags.com/ambassadors/ I want a full width banner but the content contained in container below. – Lima Dec 23 '14 at 13:15
  • I have checked your site given above add this class .carousel-inner .std img{width: 100%;} to your style sheet – Chamal Chamikara Dec 23 '14 at 15:51
  • I tried setting the width to 100% and it seemed to align right and I couldnt center it. The link above was the website we were trying to mimic the url is – Lima Dec 30 '14 at 20:13
  • can you please post your URL then I can check and give a solution – Chamal Chamikara Dec 31 '14 at 03:37
  • if-testing.com/isobag – Lima Jan 02 '15 at 17:14
  • it has an error "The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later." – Chamal Chamikara Jan 04 '15 at 04:47
  • I put the maintenance flag up. Its off now, you can check now. Thank you – Lima Jan 05 '15 at 12:52
  • I finally figured it out. I set the page to full width. Then for the content to be boxed in our template came with a shortcode for a div centered in the page so text or any other items would not display full width just the main banner. Thank you everyone. – Lima Jan 07 '15 at 18:37
  • nice to here , if my answer helped you ,you can accept the answer – Chamal Chamikara Jan 10 '15 at 17:12