Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 30, 2017 at 11:38 pm #785427
    hartgen

    Dear Team,

    I’m using the Enfold theme with WooCommerce.

    Inside a page I’m using the shortcode “[add_to_cart id=”3328″]”. This shortcode produces an output that tells the reader of the page that he can add a specific article to his cart. Unfortunately the output of this shortcode is not very nice if there is not enough space for it in one line. The distance between line one and line two is so small that the button in line two “sticks” to line one.

    My website (magicmamaweb.com) is under construction, so I uploaded a screenshot:

    http://www.directupload.net/file/d/4707/bt9hlz5e_jpg.htm

    Please have a look.

    Is it possible to format the output of the shortcode suchlike there is more space between the two lines? How? Where?

    Any help would be very welcome.

    All the best
    Jorg

    • This topic was modified 7 years, 8 months ago by hartgen.
    May 1, 2017 at 6:10 am #785497
    John Torvik

    Hey Jörg,

    We can provide you a custom CSS code to add this space between the line, but, you need to provide me your WP credentials to access the page.

    Best regards,
    John Torvik

    May 1, 2017 at 7:52 am #785567
    hartgen

    Dear John,

    credentials in Private Content.

    I found two other small issues with formatting:

    http://docdro.id/LocTqWK

    Please have a look.

    Could you please help me with them?

    All the best
    Jorg

    May 1, 2017 at 9:45 am #785609
    hartgen

    Dear John,

    please ignore the other two small issues in the PDF-file. They were concerning the checkout process. I solved them by installing an other Plugin for Paypal checkout so far. But I didn’t configure the new plugin which is named “PayPal for WooCommerce” 100%.

    So if there will be issues concerning checkout formatting, I will contact you again.

    The other problem (formatting the output of the shortcode) still exists.

    All the best
    Jorg

    May 2, 2017 at 1:09 pm #786319
    Victoria

    Hi Jorg,

    Here is the code you can put in in your child theme style.css

    

.product.woocommerce.add_to_cart_inline  .button.product_type_variable.add_to_cart_button {
    display: block;
    width: 26%;
    min-width: 190px;
    margin-top: 15px;
}

@media only screen and (max-width: 450px) {
.responsive #top .logo { width: 65%; }
}

    I did not see the PayPal button when I added a product to the cart. How can I see the button to be able to help you with styles?

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 2, 2017 at 2:31 pm #786374
    hartgen

    Hi Victoria,

    great Job! Even the logo is not covered by the cart any more on a mobile phone.

    Concerning the Paypal button: I’m using Paypal checkout now (not Paypal express) and I’m using an other plugin which is called “PayPal for WooCommerce”. This plugin works good with Enfold.

    Have a good time!

    Jorg from Germany

    May 2, 2017 at 4:13 pm #786485
    hartgen

    Hi Victoria,

    one additional question: In most of the pages (not in the homepage) there are Permalinks below the header.

    Is it possible to remove the permalinks? I want to remove them because they are different from the headlines of the pages.

    From a SEO point of view: Is it useful to remove them?

    Could you please advise?

    All the best
    Jorg

    • This reply was modified 7 years, 8 months ago by hartgen.
    May 2, 2017 at 9:07 pm #786704
    Victoria

    Hi Jorg,

    Glad I could help :)

    Could you give me a page where you need to remove permalinks? I need to have a look at what they are.

    Best regards,
    Victoria

    May 3, 2017 at 11:03 am #787015
    hartgen

    Hi Victoria,

    the website is online now.

    I “solved” the permalink-problem. It’s not a problem any more because I changed the structure of pages.

    Next problem :-)

    Some sub-menue-items look different from the others.

    Please have a look at the sub-menue-items of the main-menu-item “Info”. They are formatted well. These sub-menu-items point to webpages.
    In comparison to that please have a look at the sub-menu-items of the main-menu-item “Produkte”. They are not formatted well. These sub-menu-items are page jumps. They point to links on the same page (for example the sub-menu-item “Steckdosensicherung” points to “https://magicmamaweb.com/#steckdosensicherung”. In the section “Steckdosensicherung” there is a point id=”steckdosensicherung”).

    Could you please help to format the sub-menu-items of the main-menu-item “Produkte” the same way as the sub-menu-items of the main-menu-item “Info”?

    Additional question: Could you please tell me where I can change the the labeling of the “add_to_cart”-button? I want to change it from “Ausführung wählen” to “Details”.

    All the best
    Jorg

    • This reply was modified 7 years, 7 months ago by hartgen.
    May 4, 2017 at 4:38 am #787551
    Ismael

    Hi,

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Formatting output of Woocommerce Shortcode [add_to_cart id="xxxx"]’ is closed to new replies.