Community Forums › Forums › Archived Forums › General Discussion › Agency child theme and woocommerce
Tagged: hooks, WooCommerce
- This topic has 10 replies, 2 voices, and was last updated 10 years, 1 month ago by Tracy.
-
AuthorPosts
-
March 26, 2014 at 6:10 pm #96868TracyMember
I know the Original Agency theme seems to be out dated but I like it and went ahead styling it and am setting up my product pages and cart etc with woocommerce. All seems to be going well and no issues with compatibilty until now I just noticed playin with the add to cart buttons on my product pages and also within the cart and checkout pages that the quantity buttons where you can add and minus products doesn't show up. Can someone help me with this please.
http://cowichanwebsites.com/March 26, 2014 at 8:27 pm #96879AnitaKeymasterI see all the buttons. Did you resolve this?
Love coffee, chocolate and my Bella!
March 27, 2014 at 8:45 am #96948TracyMemberNo it is not resolved. The 'Add to Cart' buttons are there but you should be able to adjust with +or- the quantity of products you want to 'add to the cart' . This option should be on the specific product pages as well as in the 'View Cart' page and 'checkout page' such as these 3 site/page links (you will need to add to the cart in order to see it in the 'View Cart' page obviously)
March 27, 2014 at 9:06 am #96952TracyMemberFunny thing is that I started with all the same versions and themes and plugins on my localhost (wampserver) and I just looked at it again and those + and - quantity buttons are there. If everything else is the same, now I am really stumped. Any ideas? Thankyou
March 27, 2014 at 9:31 am #96958TracyMemberI've done more investigating and the #wrap container I worked so hard on to get the border is conflicting somehow with those cart buttons. Here is my code used;
`/* Wrap
------------------------------------------------------------ */#wrap {
position:relative;
background-image:url(images/container_texture.jpg);
margin: 30px auto;
width: 960px;
padding:20px;
border-style: solid;
border:4px double #333;
border-width: 62px 58px 57px 61px;
-moz-border-image: url(images/outer_border.png) 62 58 57 61 round;
-webkit-border-image: url(images/outer_border.png) 62 58 57 61 round;
-o-border-image: url(images/outer_border.png) 62 58 57 61 round;
border-image: url(images/outer_border.png) 62 58 57 61 round;
}#wrap .logo{
position:absolute;
left: -121px;
top: -95px;
z-index:1;
}#wrap .text{
position:absolute;
left: 126px;
top: 62px;
}March 28, 2014 at 8:30 am #96886TracyMemberNo, only the add to cart buttons appears to be correct. If you look at this site/page to the left of the add to cart button is the option to change the quantity of products and then in the cart and checkout pages you have the same option to change the quantity such as this site/page *note I guess you may need to actually add something to cart yourself to see this in the 'view cart' stage but both of these pages are different from what my site shows
March 28, 2014 at 8:30 am #96883TracyMemberNo, when you are on a specific product page there should be an option to add more (quantity) of the same product with a + and - such as this site/page http://oliversgarden.com/shop/medium-toys/chunky-monkey-med/ and then when you are viewing the cart or checking out there should be the same option such as this site/page
March 28, 2014 at 11:02 am #97140TracyMemberupdate after more testing, I had positioned my wrap "relative" and my logo "absolute" so my logo would overlap my border and then after much changing and testing I realize combined with that theme, woocommerce and the positioning it conflicted. Not only that but it also does something to the mobile responsiveness of the theme! I think I have to start over with a new child theme
March 28, 2014 at 3:15 pm #97200TracyMemberOk, so spent another couple of hours with a new child theme hoping it would help my issue with the missing woocommerce quantity buttons. I want the effect of my logo overlapping the upper left frame so the only way I know how to do this is by positioning my #wrap with position:relative; and my .logo with position:absolute;. This is infact what is screwing with my woocommerce quantity buttons no matter what theme I use. I tried the simple Genesis Sample child theme and the same thing. Can anyone help with this?
March 31, 2014 at 6:32 am #97512TracyMemberI'm fairly disapointed not to mention frustrated at this point. I've simply been trying to replicate my custom design with wordpress so I can easily use woocommerce. I simply wanted to overlap my custom container frame with my logo. Simple enough when you know how to use positioning (relative and absolute) right? So I managed this fairly easily using the Genesis Simple hooks. But noticed for some reason this made my woocommerce 'quantity' buttons disappear. Not because of the Simple hooks but because of the relative/absolute positioning.
After many hours trying to figure this out, changing to different themes for testing with no luck I then spent more hours designing a full header with the border and placing it outside of the wrapper just to get the effect I was after. it was looking ok finally only to find that the Simple Hooks breaks the mobile responsiveness!!
What a freaking hastle! I started using WordPress for ease, speed, cms etc! It certainly isn't that. This is the website I am trying to replicate and this is what I have come up with (so far)March 31, 2014 at 4:20 pm #97675TracyMemberSorry, the site I am trying to replicate is http://avianstainless.com and what I have come up with (so far) is http://cowichanwebsites.com
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.