Joomla Templates Club 406,261 posts

[joshkchau Friend joshkchauJoin date: August 2014Posts: 8Downloads:4Uploads:0]

#201162

The JA_Bookshop mini shopping cart does not show properly on home page but show properly on all the other pages. What should be changed to fix this issue?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#548776

Go to this File: /components/com_mijoshop/opencart/catalog/view/theme/default/stylesheet/stylesheet.css

Replace this code


#header_oc #cart { position: absolute; top: -5px; left: 70px; z-index: 9; } #header_oc #cart .heading { float: left; margin-top: 15px; padding-left: 14px; padding-right: 14px; position: relative; z-index: 1; } #header_oc #cart .heading h4 { font-size: 15px; font-weight: bold; margin-top: 0px; margin-bottom: 3px; } #header_oc #cart .heading a { text-decoration: none; } #header_oc #cart .heading a span { background: url('../image/arrow-down.png') 100% 50% no-repeat; padding-right: 15px; } #header_oc #cart .content_oc { clear: both; display: none; position: relative; top: -1px; padding: 8px; min-height: 150px; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; -webkit-border-radius: 0px 7px 7px 7px; -moz-border-radius: 0px 7px 7px 7px; -khtml-border-radius: 0px 7px 7px 7px; border-radius: 0px 7px 7px 7px; -webkit-box-shadow: 0px 2px 2px #DDDDDD; -moz-box-shadow: 0px 2px 2px #DDDDDD; box-shadow: 0px 2px 2px #DDDDDD; background: #FFF; } #header_oc #cart.active .heading { margin-top: 5px; padding-top: 10px; padding-bottom: 6px; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #header_oc #cart.active .content_oc { display: block; }

with

/*

#header_oc #cart { position: absolute; top: -5px; left: 70px; z-index: 9; } #header_oc #cart .heading { float: left; margin-top: 15px; padding-left: 14px; padding-right: 14px; position: relative; z-index: 1; } #header_oc #cart .heading h4 { font-size: 15px; font-weight: bold; margin-top: 0px; margin-bottom: 3px; } #header_oc #cart .heading a { text-decoration: none; } #header_oc #cart .heading a span { background: url('../image/arrow-down.png') 100% 50% no-repeat; padding-right: 15px; } #header_oc #cart .content_oc { clear: both; display: none; position: relative; top: -1px; padding: 8px; min-height: 150px; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; -webkit-border-radius: 0px 7px 7px 7px; -moz-border-radius: 0px 7px 7px 7px; -khtml-border-radius: 0px 7px 7px 7px; border-radius: 0px 7px 7px 7px; -webkit-box-shadow: 0px 2px 2px #DDDDDD; -moz-box-shadow: 0px 2px 2px #DDDDDD; box-shadow: 0px 2px 2px #DDDDDD; background: #FFF; } #header_oc #cart.active .heading { margin-top: 5px; padding-top: 10px; padding-bottom: 6px; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #header_oc #cart.active .content_oc { display: block; }
*/

I have just commented out this code. If this doesn’t work, please send me the admin details via private message.

[joshkchau Friend joshkchauJoin date: August 2014Posts: 8Downloads:4Uploads:0]

#548858

It works now after commenting out the css you mentioned. Is it a bug?

However, there are now extra space that makes the height of the black toolbar area with the mini cart much larger than necessary. Is there anyway to reduce the height of the black toolbar area back to the height in the original design?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#548861

Go to this File: /components/com_mijoshop/opencart/catalog/view/theme/default/stylesheet/stylesheet.css

Replace this code


#header_oc { height: 60px; margin-bottom: 7px; padding-bottom: 4px; position: relative; z-index: 99; }

with


#header_oc { height: auto; margin-bottom: 0px; padding-bottom: 0px; position: relative; z-index: 99; }

[Author]

Posts