WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Woo Commerce Conflicts w/ VivaThemes Templates (14 posts)

  1. katinaparker
    Member
    Posted 1 year ago #

    Hi, I'm having layout issues with Woo Commerce on two different sites that I'm working on.

    First on http://katinaparker.com/shop/gorgeous-postcards-set-of-8/

    How do I turn off the breadcrumbs or push everything down a line so that the breadcrumbs don't run into the logo?

    Next, how do I limit the width of the content to 500px? Right now it's crowding the margin on the left and pushing the widgets in the right side bar over to the right.

    I'm having the same layout issues on http://katinaparker.com/shop/

    For the second site, http://onemillionstrong.com/shop/gorgeous/?doing_wp_cron=1354422603

    How do I create a white background for the content space?

    How do I get the uploaded image to display in the white square where the image should be, but isn't?

    I look forward to your feedback. Thanks.

    http://wordpress.org/extend/plugins/woocommerce/

  2. bheadrick
    Member
    Posted 1 year ago #

    The problem is with your theme, not with woocommerce
    Firstly, the theme's style.css has the #logo div height set to 30px, which is why the logo is on top of the breadcrumbs (not the other way around). Remove that from the stylesheet, and that will fix that problem.
    Also, the #rightbar div is set to a width of 260px, which is why it looks crowded.

    The White square is for the product's featured image.

  3. katinaparker
    Member
    Posted 1 year ago #

    My apologies, what I meant to say is that there are conflicts between WooCommerce and the themes that I'm working with. I think Woo Commerce is excellent and am thankful for all of your work.

    I looked into each of your notes and I still have questions.

    > For KatinaParker.com, I don't want to re-set the width of my white side bar because that will throw off all the sidebar widgets. I'd like to a) restrict the content of the Woo Themes shop to 500px (which is what I've successfully done with all the other content) and have the content start about 20px from the left as you see here: http://katinaparker.com/photos/videos-films/

    or b) place the shop on a full-width page, however, when I go to set up products, I'm not given the option to set the theme layout to default, blog, portfolio, full width, etc., so how do I do this?

    > Adjusting the height of the logo, throws off the layout. How do i turn breadcrumbs off?

    > Another issue on katinaparker.com, all of my nav buttons are lower-case. The Log-out text is upper-case. I've looked everywhere to change this. Where do I go?

    > For http://onemillionstrong.com/shop/gorgeous/?doing_wp_cron=1354422603

    How do I create a white background for the content space of the shop?

  4. katinaparker
    Member
    Posted 1 year ago #

    Sorry, I think I included the wrong link: http://katinaparker.com/shop/

    > For KatinaParker.com, I don't want to re-set the width of my white side bar because that will throw off all the sidebar widgets. I'd like to a) restrict the content of the Woo Themes shop to 500px (which is what I've successfully done with all the other content) and have the content start about 20px from the left as you see here:

    or b) place the shop on a full-width page, however, when I go to set up products, I'm not given the option to set the theme layout to default, blog, portfolio, full width, etc., so how do I do this?

    > Adjusting the height of the logo, throws off the layout. How do i turn breadcrumbs off?

    > Another issue on katinaparker.com, all of my nav buttons are lower-case. The Log-out text is upper-case. I've looked everywhere to change this. Where do I go?

    > For http://onemillionstrong.com/shop/gorgeous/?doing_wp_cron=1354422603

    How do I create a white background for the content space of the shop?

  5. bheadrick
    Member
    Posted 1 year ago #

  6. katinaparker
    Member
    Posted 1 year ago #

    where do I find the Logout text link to edit it?

  7. katinaparker
    Member
    Posted 1 year ago #

    And where do I go to turn off breadcrumbs?

  8. bheadrick
    Member
    Posted 1 year ago #

    Maybe I misread what you meant about the logout at first, if it's in your navbar, maybe there's a "logout" page?

    If you really want to cripple your site's usability by getting rid of breadcrumbs, you can hide it with css like so:

    #breadcrumb{display:none}

    Instead of hiding them, maybe you could add a margin to the top to move them down:

    #breadcrumb{margin:1em 0}

    also, I'm noticing a lot of dead links on your site. and it's generally really really slow.

  9. katinaparker
    Member
    Posted 1 year ago #

    Ok, new issue. The Checkout page doesn't come up for http://www.onemillionstrong.com or http://www.katinaparker.com

    How do I activate/fix this?

    Thank you.

    -kp

  10. katinaparker
    Member
    Posted 1 year ago #

    thanks for the feedback re: breadcrumbs and logout.

    re: site speed, any recs on how to speed up the load time?

  11. katinaparker
    Member
    Posted 1 year ago #

    Ok, it looks like I was able to resolve the blank check-out page by turning off Force SSL.

    Any ideas about speeding up load time?

    I eliminated all unused plug-ins. Could it be that one plug-in is slowing things down? Is it it an issue with my hosting program?

  12. bheadrick
    Member
    Posted 1 year ago #

    I use w3 total cache on my woocommerce sites, and they fly.
    You should also check out P3 Profiler to see what elements are contributing the most to your load time.
    You could also do a load time test on pingdom to get an analysis at a file level.

    Getting better hosting would also help, but caching is much more cost effective.

  13. katinaparker
    Member
    Posted 1 year ago #

    Thanks for the tip on Cache. I'm still trying to resolve a couple of other issues.

    Between both onemillionstrong.com and katinaparker.com, what I've noticed is that the single product shop page, and the all products pages don't call in the CSS for the theme - and they're two totally different themes.

    On all the other pages, the CSS is called in properly, and there are no layout issues - breadcrumbs fall where they're supposed to, background for the content area shows up, content is fluid and fits within the content area.

    I've messaged the developer for the themes. He pointed me back to WooCommerce.

    After having spent several hours, examining code, I have no idea where to go to fix these issues. Can you pretty please lend your expertise and tell me what file to edit and what to change the setting to so that I can address these issues? Please be very specific.

    > For http://katinaparker.com/shop/ and other shop pages, I don't want to re-set the width of my white side bar because that will throw off all the sidebar widgets. I'd like to a) restrict the content of the Woo Concept shop to 525px (which is what I've successfully done with all the other content) and have the content start about 20px from the left margin.

    Or b) place the shop on a full-width page, however, when I go to set up products, I'm not given the option to set the theme layout to default, blog, portfolio, full width, etc., so how do I do this?

    > Another issue on katinaparker.com, all of my nav buttons are lower-case. The Log-out text is upper-case. There is no Log-out page. Otherwise, I would have changed it there, just like I changed the other page titles (cart, checkout, etc.)

    > For the shop pages on One Million Strong - ex., http://onemillionstrong.com/shop/gorgeous/?doing_wp_cron=1354422603

    how do I call in the white BG - or - change the color of the text so that it's not blending with the dark background?

    How do I create a white background for the content space of the shop?

    I appreciate any help you can give. I know you're busy. Thanks in advance.

  14. katinaparker
    Member
    Posted 1 year ago #

    Hi, checking back. Any help you can lend me on this is appreciated. I have a big press hit coming on Monday and I don't want the shop pages to look crazy.

    For my next site, I'll buy a WooTheme. I've spotted a couple that I like.

    -kp

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic