Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • October 28, 2013 at 10:52 am #181505
    tangcslanyu

    Dear sir.
    I’ve using your theme for a while, and I love it so much. In all round are working perfect. But except the layout of the product. Here I have several point wondering if you can help me to improve.
    1. The sidebar is too big and take lot of area, so the description area is smaller.
    2. And the product gallery showing the photo too small if you not click it.
    3. The price of the product is too small as well.

    This kind of layout is much better, pls have a check.
    http://the7.dream-demo.com/product/teddy-bear/

    So I’m wondering if I can add some customs CSS to modify this point? Kindly check if you can help me. Highly appreciate it.

    Andy

    October 28, 2013 at 3:04 pm #181609
    Yigit

    Hi tangcslanyu!

    1) You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .responsive_large .container .nine.units {
width: 975px;
}

    2) Thumbnails look fine on my end http://i.imgur.com/fD3KJPF.jpg
    If you meant somewhere else, please post a screenshot
    3) Can you post the link to a single product page with price?

    Regards,
    Yigit

    October 28, 2013 at 5:07 pm #181666
    tangcslanyu

    Hi Yigit. Thanks for your quick answer. About the questions, answer below.

    1) I’ve tried your code, it’s working well with other page, but seems it doesn’t effect the product page of Woocommerce.

    2) I’m sorry that page I make them use portfolio page. So it’s created from the advance layout. But I want to sell something online, and the advance layout working not well with the product page.

    3) Here is the sample product i create, pls have a check.
    http://www.volantexrc.com/shop/uncategorized.html/3252356

    Thanks again.
    Andy

    October 28, 2013 at 5:31 pm #181675
    Yigit

    Hi!

    1) Please change previous code with following one 

    @media only screen and (min-width: 1340px){ .responsive_large .container .nine.units { width: 957px; }}

    2) Thumbnails on product page appear fine on my end as well http://i.imgur.com/BidSxiJ.jpg Can you post a screenshot?
    3)

    #top .price { font-size: 22px; }

    Regards,
    Yigit

    October 28, 2013 at 5:48 pm #181681
    tangcslanyu

    Hi Yigit.

    1) I’m sorry I’ve try your code, but seems it doesn’t work. :-(

    2) About the Gallery, I’m sorry I not mean the thumbnails, it’s the first big photo. This one. http://www.volantexrc.com/volantex/wp-content/uploads/2013/10/0-28-23.44.01.png
    I’m wondering is that possible to make it bigger?

    3) I’m sorry I’ve tried this code and it doesn’t work as well. :-(

    October 28, 2013 at 5:51 pm #181684
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so i can take a look at it personally? Make sure to check “Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Cheers!
    Yigit

    October 28, 2013 at 6:08 pm #181690
    tangcslanyu
    This reply has been marked as private.
    October 28, 2013 at 6:32 pm #181701
    Yigit

    Hey!

    Please review your website. You can find custom codes that i added in the bottom of Quick CSS section and adjust them as desired. Sidebar code seems to be working on my end. Please try flushing your browser cache and refresh your page a few times.

    Best regards,
    Yigit

    October 29, 2013 at 3:51 am #181916
    tangcslanyu
    This reply has been marked as private.
    October 29, 2013 at 2:00 pm #182030
    Yigit

    Hi Andy!

    Please deactivate all active plugins and check if issue with sidebar remains. If i am not mistaken, sidebar was already below content before we made CSS changes, is that correct?

    Best regards,
    Yigit

    October 29, 2013 at 2:12 pm #182035
    tangcslanyu
    This reply has been marked as private.
    October 29, 2013 at 5:37 pm #182153
    tangcslanyu

    Hi Yigit. Are there any news? Is it possible to change like this layout?
    http://www.volantexrc.com/volantex/wp-content/uploads/2013/10/123.jpg

    October 30, 2013 at 1:11 am #182291
    Ismael

    Hi!

    The images you uploaded are broken. Please post it again here.

    Regards,
    Ismael

    October 30, 2013 at 12:08 pm #182385
    tangcslanyu

    Hi . The image is ok now. Pls have a check if I can change to this kind of layout for the product page. Many thanks.
    http://www.volantexrc.com/volantex/wp-content/uploads/2013/10/123.jpg

    October 31, 2013 at 5:54 pm #183053
    tangcslanyu
    This reply has been marked as private.
    November 4, 2013 at 3:46 am #184105
    Devin

    Hi!

    That kind of layout would need to be added in by a freelance developer. By default WooCommerce and the theme both don’t have it but it should only take a few hours to re-create the singe product template using that type of layout by an experienced developer.

    Best regards,
    Devin

    November 4, 2013 at 4:20 am #184116
    tangcslanyu

    Hi Devin

    I see. So base on the enfold, we can do nothing, right? Anyway it’s a perfect theme overall. But if the product description layout you can change in this type in future would be more perfect. This type the sidebar would not take too much space and, the page layout much more balance.

    Thanks again.

    Andy

    November 4, 2013 at 7:23 pm #184393
    Devin

    WooCommerce has some guides about modifying the single product page either through functions/filters like how the theme styles it or through template files here: http://docs.woothemes.com/document/template-structure/

    From within Enfold however, no there isn’t any layout changes that can be made to accommodate that.

    November 5, 2013 at 4:00 am #184605
    tangcslanyu

    Hi Devin. Thanks for your information. But I’m sorry I have no idea how to program any code. So maybe it’s not possible for me to make that. :-(

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘to change the product layout of the Woocommerce.’ is closed to new replies.