Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #739588

    Hi,
    I just searched but don’t find any solution.

    How can I show a single woocommerce product at a page or post exactly like in the shop site?

    I tried official shortcodes:
    http://docs.woothemes.com/document/woocommerce-shortcodes/
    [product id=”99″]
    But the result looks not responsive and distorted:

    Compare with this site from the shop, looks much better:

    Do have any hint how to solve this correctly?

    Thanks a lot.
    Greetings
    Jonas

    #741246

    Hey!

    Sorry for the late reply!

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    #741332

    Thanks for the answer. Now its looks worse than ever, hope you can help. Many thanks!

    #741349

    Hi,

    I added following code to Quick CSS in Enfold theme options under General Styling tab

    .page-template-default div.product div.images {
        float: none;
        width: auto;
    }
    .page-template-default div.product div.summary { 
        float: none; 
        width: auto;
    }
    
    

    Please review your website now

    Best regards,
    Yigit

    #741357

    No its in the middle, much better. But without the calendar from the original product and its strange, i couldnt see de admin bar at the top and the footer is just black, crazy. I tried with other themes already and it works fine. Do you what that could be?

    #741359

    It should look like this

    #741804

    Hi,

    If you do not mind me asking, why do you use shortcode on a page to display a product instead of simply creating it in Products > Add New?

    Best regards,
    Yigit

    #741809

    Hey, now its working fine everything, thanks. But one last question: How I can change the color from the calendar? Thx

    #741821

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .main_color .wc-bookings-date-picker .ui-datepicker-header {
        border-color: orange;
        background-color: orange;
        color: #ffffff;
    }
    

    To change header colors. For dates, it seems like you added following custom CSS code

    .main_color .wc-bookings-date-picker .ui-datepicker td.bookable a {
        background-color: #c05f5f !important;
        color: #ffffff !important;
        border-color: #e1e1e1;
    }

    Please adjust it as needed

    Best regards,
    Yigit

    #741825

    Great! Thanks for the support! (y)

    #741830

    Hi!

    You are welcome!

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Woocommerce single product page shortcode issue’ is closed to new replies.