1.5.0.13 default theme -> I struggle with full removing of the right hand column (menu)

[TourisT]

Hi,

 

I struggle with removing the right hand column on the product page. See attached

 

Any idea?

 

Thanks!

[Mike Kranzler]

Hi TourisT,

This theme is not coded to be displayed with only two columns, so there is a risk in making this sort of change. Have you tried just unhooking all the right-column modules in the product pages using the Exceptions function, rather than deleting the whole column?

 

-Mike

[TourisT]

Yes, this is exactly what I did. I removed all the modules from the right column hook, especially the paypal one which is in the left column now.

 

It's generally working:

http://lwi.luxwebimport.com/en/solar-kindle-cover/24-solarmio-etui-pour-liseuse-%C3%A9lectronique-kindle-avec-chargeur-solaire-int%C3%A9gr%C3%A9-4712389290168.html

 

but I'd like the product title to be displayed more wide for example:

http://lwi.luxwebimport.com/en/7-moulds

 

or here the title refuses to expand to the right column:

http://lwi.luxwebimport.com/en/solar-kindle-cover/24-solarmio-etui-pour-liseuse-%C3%A9lectronique-kindle-avec-chargeur-solaire-int%C3%A9gr%C3%A9-4712389290168.html

 

So how to achieve this? Is there a (free) 2 column theme I could use as a base?

 

Thanks,

[Mike Kranzler]

You can try using this free theme as a reference point.

 

I hope this helps.

 

-Mike

[TourisT]

Nice!

 

Do you happen to know if it's compatible with 1.5.0.13?

 

If not, what type of issues can I expect (aka: will I loose a month at trobleshooting)?

 

Thanks,

[Mike Kranzler]

Nice!

 

Do you happen to know if it's compatible with 1.5.0.13?

 

If not, what type of issues can I expect (aka: will I loose a month at trobleshooting)?

 

Thanks,

 

I can only confirm compatibility for the specific versions listed in that link. Anything else, there's nothing I can say one way or another at this time. You can try using the "Send a message to the developer" button for hopefully a more specific answer.

 

-Mike

[urecheatu007]

You can allways disable the hook in the theme. You'll find it in footer.tpl. This way you can actually be sure that it will never be displayed.

To make the content area wider, you only need to edit in a few places in global.css and a couple other css files like homefeatured, new products if you display them in home in the middle column, product-list.css, product.css, and i think there might be 1-2 i didn't mentioned.

[TourisT]

You can allways disable the hook in the theme. You'll find it in footer.tpl. This way you can actually be sure that it will never be displayed.

To make the content area wider, you only need to edit in a few places in global.css and a couple other css files like homefeatured, new products if you display them in home in the middle column, product-list.css, product.css, and i think there might be 1-2 i didn't mentioned.

 

In footer.tpl, I have:

<!-- Right -->
<div id="right_column" class="column grid_2 omega">
 {$HOOK_RIGHT_COLUMN}
</div>
  </div>

 

which I modified in:

<!-- Right -->
<!--
<div id="right_column" class="column grid_2 omega">
 {$HOOK_RIGHT_COLUMN}
</div>
-->
  </div>

 

-> Problem: the footer now doesn't take 100% of the page width anymore (see footer.jpg)

 

In global.css, I do not understand what to modify... -> That doesn't mean I don't understand CSS

 

In product.css I have:

/* pb-right-column ***************************************************************************** */
#pb-right-column {
float:left;
width:266px
}
#pb-right-column  #image-block {position:relative;}
#pb-right-column  #image-block img {border:1px solid #cdcdcd}
#pb-right-column  #image-block #view_full_size {
display:block;
cursor:pointer
}
#pb-right-column  #image-block #view_full_size .span_link {
position:absolute;
bottom:10px;
left:32%;
display:block;
padding:0 12px 0 30px;
line-height:20px;
color:#fff;
text-shadow: 0 1px 0 #000;
text-align:center;
text-transform:uppercase;
background-image:url(../img/icon/zoom.png);
background-repeat:no-repeat;
background-position:10px 2px;
background-color : rgb(0,0,0);
background-color : rgba(0,0,0, 0.5);
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
}
#pb-right-column  #image-block #view_full_size .span_link img {
position:relative;
top:3px;
left:-3px;
border:none;
padding-right:2px;
}

 

If I try to comment it all, the block with title and short description moves below the image -> even worst!!

-> see product.jpg

 

Note: I followed this post in order to find out the modifications to make so far.

Edited July 26, 2012 by TourisT (see edit history)