Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #13063

    Is there a way to move all the items below the product image to the right of the image

    Product Title, Stock Quantity, Sku # , Category, Add to Cart Button and leave the Description Tabs below the image?


    Hi tonyrebel,

    It will take a good bit of customization but yes it is possible. You could try doing it with pure css changes and can start with changing the div.summary going from 100% width to 50% for the product pages. I would do all the changes specifically targeting product pages only so that there isn’t any accidental spill over to another woo commerce page. So for the summary (the main content on products other than the slideshow):

    #top.single-product div.summary {
    float: right;
    clear: both;
    width: 50%;

    Add that to your custom.css and you’ll get the main bulk of your changes done. Then its a bit more involved in getting the slideshow in its various forms to float to the left. Its a bit more than we can do via support as the changes will then need to be made to account for all browsers and all the other theme options.

    If you aren’t comfortable with that much css, I would recommend a freelance developer. Off the cuff, I’d guess it will take a few hours to get exactly right and to maintain the functionality the theme already has.




    Ok Thanks Devin. I really appreciate all your help.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Move to the right of Product Image’ is closed to new replies.