Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 27, 2017 at 9:50 pm #739588
    ballmanjonas

    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:

    Private Session buchen

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

    Open session buchen

    Do have any hint how to solve this correctly?

    Thanks a lot.
    Greetings
    Jonas

    February 1, 2017 at 2:39 pm #741246
    Yigit

    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

    February 1, 2017 at 4:26 pm #741332
    ballmanjonas

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

    Open Session buchen

    February 1, 2017 at 4:46 pm #741349
    Yigit

    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

    February 1, 2017 at 5:12 pm #741357
    ballmanjonas

    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?

    February 1, 2017 at 5:14 pm #741359
    ballmanjonas

    It should look like this

    February 2, 2017 at 2:37 pm #741804
    Yigit

    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

    February 2, 2017 at 2:40 pm #741809
    ballmanjonas

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

    February 2, 2017 at 2:58 pm #741821
    Yigit

    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

    February 2, 2017 at 3:14 pm #741825
    ballmanjonas

    Great! Thanks for the support! (y)

    February 2, 2017 at 3:19 pm #741830
    Yigit

    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

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