I am building an ecommerce website using Woocommerce and suddenly the Single Product Page has started behaving weirdly. The CSS doesn't seem to be working. I am getting a text only page without any styling.
put < class "woocommerce" > in your content.
http://stanhub.com/how-to-fix-default-woocommerce-css-not-working-properly/
Related
i am using elementor page builder to design the single product page but for some reason the product title in not appearing on the page and while editing the page in the builder as well. i have tried clearing the cache and tried the css codes which i found in other forums but nothing is working. i checked the themes own customize section and when i change the html tag from H1 to H2 the title appears but in the page builder (elementor) its not working. i think the product should be and H1 tag instead of H2. If i deactivate one of it (the plugin or the theme) the title with h1 tag starts appearing. First i deactivated elementor, the product title start appearing on the default single product page then i switched the theme to another, the single product page that i created using elementor started appearing with h1 product title. I guess there is a conflict between the theme and the plugin
I will appreciate any solutions 🙂
The theme i am using is oceanwp
The page I need help with: http://dev.gemforia.com/product/opal-moon-ring/
I'm working on a woocommerce storefront for a client that has a custom-built theme (by someone else) and for the life of me cannot find where I need to go to remove the subtext over the product preview on the main Shop page (the "at vero...")
See below:
Inspect element shows:
When I went into the wc-template-functions.php file I found the product_loop but there is nothing in here that I see generating the paragraph below the product title. Before I write some css to locate the <p> child element under parent woocommerce-LoopProduct-link woocommerce-loop-product__link - is there someone within WC functions I can locate this? The product has no categories or tags as I thought this could be where it was coming from. My Google searches have resulted in nothing specific to what I'm looking to change on the shop page, just changes to the product page which I do not need.
you can simply hide using CSS instead of change in core files
I have built my online shop in Wordpress, theme Ellie, and using Woocommerce plugin.
Issue is that the texts "View Cart" and "Checkout" are too close to each other in 2 different places: Footer and Cart widget on Shop page. Something wrong there.
Shop page
Footer
https://senjacosmetics.com/shop/
Really happy if you can help! I tried to research this but didn't find anything. I'm not a developer so cannot proceed on my own.
This is just small css issue. You can easily solve it by adding some css rule.
You can add following css rule in your theme's style sheet or if your theme supports custom css, then via that feature.
.woocommerce-mini-cart__buttons a.checkout{margin-left:15px;}
"woocommerce-mini-cart__buttons" is the class assigned to 'p' tag which contains both the links. "checkout" is one of the class assigned to the 'Checkout' link.
You can change the value of '15px' to anything you want depending on how much space you want between the two links.
Following is screenshot for your reference. I added the css rule to checkout link in developer console.
Hope this helps.
I had to create a custom page borrowing the Divi theme code in order to use my shopping carts include file. The problem is the responsible WP menu will not work on the custom pages.
Is there are anyone who has had this issue who could help? It seems like the problem is in the page container and its overlapping the menu - but am struggling to pin point the problem.
Link to a test page: https://hookedonsunshine.co/products2.php
I am trying to set up and online shop on using Woocommerce. I am using a custom theme so have not used and wootheme. I am having problems with styling on the shop (archive-product.php) and the individual product (content-single-product.php) pages. The css is loading but for some reason is not having an effect. The styling is fine for all other pages e.g. checkout, cart etc. Does anyone know why this may be happening?
Thank-you.