WooCommerce

This topic is: not resolved

This topic contains 4 replies, has 4 voices, and was last updated by  babrees 1 year, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #3700

    babrees
    Participant
    Post count: 61

    Has anybody managed to get the WooCommerce plugin to be responsive?    I can’t find the page that used to be on StudioPress site for testing a site’s responsiveness – is it still around?

    http://jamie.bedsofparadise.co.uk/shop/silk-1000/

    This uses the Quattro theme, but when I shrink the browser’s width as soon as the side column is pushed below the product post the right edge of text is lost and the content does not respond correctly.  Not sure how to describe this correctly (I know what I mean <G>)

    If you look at the above page I thnk you will see what I mean when looking at the content to the right of the image

    Cheers

    Jill

    #3707

    netviper
    Participant
    Post count: 24

    Hi Jill,

    If you use firefox, there is now a responsive design view that lets you test different sizes.  I have been using it a lot.   And yes, there are issues in the different sizes, especially with product images.

    #3856

    And_or
    Participant
    Post count: 42

    You can use http://www.responsinator.com/

    And as Netviper stated: http://chrispederick.com/work/web-developer/ has created a nice addon for Chrome and Firefox When using FireFox and the addon select “resize”and then select “view responsive layouts”

     


    Simplicity is not Simple Webtaurus

    #3868

    Doak Heggeness
    Participant
    Post count: 140

     

    Go to the Resources tab above and you will find it under Web Tools. For WooCommerce you will need to use Firebug to find the things to change…ie fonts etc.


    Doak Heggeness, WordPress Development | Website

    #3951

    babrees
    Participant
    Post count: 61

    Thanks for the replies.  I could not find an add-on for FireFox :(   Searched for resize but it didn’t come up with anything.

    Doak – there is no Web Tools under Resources tab any more.  Yep – I use Firebug :)

    Have to admit that I have not kept up with responsive designing :(

    The following is the concerned class in this instance…

    [code]
    div.product div.summary, #content div.product div.summary {

    float: right;
    margin-bottom: 2em;
    width: 48%;

    }
    [/code]

    I can see it is the float right that is causing the problem.

    From what netviper says, I gather there is no solution??

    TIA
    Jill

    • This reply was modified 1 year, 8 months ago by  babrees.
    • This reply was modified 1 year, 8 months ago by  babrees.
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.