Home Forums WoodMart support forum “Buy Now” and Single Product Page Width

“Buy Now” and Single Product Page Width

Viewing 30 posts - 1 through 30 (of 31 total)
  • Author
    Posts
  • #621410

    Hi there.

    Can you help me with the following items (or even better yet, just do it for me)? Thank you for any help!

    1. Get this shortcode (Buy Now Button) to appear directly next to the Add to Cart button on single product page (see screenshot)? The shortcode is [yith_wocc_button]

    1A. Get this shortcode to appear directly next to Add to Cart on Quick View.

    1B. Get this shortcode to appear with Add to Cart in any other area of Woodmart that I forgot to mention (Products Archive, Featured Products area of homepage, etc.)

    2. Get the product page width to be reflective of what I am seeing from the dashboard, instead of full page width. (see screenshot). I want the product page content width to be the same width of the elements in the header.

    3. Fix wishlist functionality for me. If you add a few items to Wishlist and then go to Wishlist page, it is empty.

    Your credentials are in the private area. Thank you again!

    Attachments:
    You must be logged in to view attached files.
    #621653

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    Thanks for reaching to us.

    Admin credential is incorrect, please check again.

    Regards,

    #621655

    Hung, try now…

    #621819

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    Thanks for details, it worked.

    1. You can use Buy Now feature of WoodMart theme, it placed next to Add to cart by default https://ibb.co/J5q7rTd and in the Quick View and other places as well.

    2. Please add above Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Desktop:

    [data-vc-full-width]:not([data-vc-stretch-content]), :is(.vc_section, .vc_row).wd-section-stretch {
    			padding-left: calc((100vw - 1250px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2) !important;
    			padding-right: calc((100vw - 1250px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2) !important;
    }

    3. Please clear browser cache and check again.

    Regards,

    #622267

    Hung,

    Your response to #1 is not helpful because I am using a Buy Now plugin that integrates with Stripe payment processor. The woodmart button does not have the same functionality.

    Can you please tell me custom css to do what I need or do what I need using page builder so that I can learn how you were able to do it?

    Thank you

    #622569

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    Thanks for your patience.

    Admin credential is incorrect, please check again.

    Regards,

    #623028

    Hung, here are the correct credentials…

    Also, there is another new issue that has surfaced. Please help with the following…

    1. Buy Now button placement that I described previously.
    2. Add a product to the shopping cart, then go to checkout and item will get wiped/erased from the cart.

    Thank you!

    #623029

    Hung, please also help with #3….

    3. The custom CSS that you sent me previously in this thread does not appear to be working any longer. If you go to one of my product pages you will see that it is the full width of the page 🙁

    #623192

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    1. I helped you to fix it, you can see screenshots for better understanding https://ibb.co/zFSSTWZ https://ibb.co/hW4Myfp

    1A, 1B. For other places, you need to check with plugin configurations because it is out of our basic support. Or you can use Buy Now of WoodMart and hide it on single product only.

    2. Please try below code

    .single-product-page{
    			padding-left: calc((100vw - 1250px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2) !important;
    			padding-right: calc((100vw - 1250px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2) !important;
    }

    Regards,

    #623207

    Hung,

    What about this one? This one is important…

    Add a product to the shopping cart, then go to checkout and item will get wiped/erased from the cart.

    #623226

    Hung, it’s me again. Did you look at the live version of my site? The buttons do not line up. They are out of line by some pixels.

    See attached.

    Attachments:
    You must be logged in to view attached files.
    #623403

    Hi again, sorry for the inconvenience, but here are updated credentials for you to use…

    #623422

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    I cannot access to the your site due to it blocked. Please make sure you disabled IP / Countries restrictions.

    Best Regards,

    #623621

    Hung,

    Sorry for the inconvenience. I am confident that these credentials will work. I’ve tested them myself.

    #623775

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    Thanks for details.

    1. But it seems new url and all settings for Buy Now button has been removed. Please always backup your site even it’s staging. In order to fix outline issues, use below Custom CSS:

    .single-product .wpb_text_column.wpb_content_element.inline-element > .wpb_wrapper p{
    	display: none;
    }
    
    .single-product .wpb_text_column.wpb_content_element.inline-element{
    	margin-bottom: 0;
    }

    2. Add a product to the shopping cart, then go to checkout and item will get wiped/erased from the cart.

    Please clear browser cache, purge cache of plugin / server and check again.

    In general, Wishlist, Cart and Compare pages should not be cached at all, so I suggest you exclude those pages from the cache and recheck the issue.

    If you have any questions please feel free to contact us.

    Best Regards,

    #624030

    Hung,

    You are the best, thank you!

    More help please…

    #1. I am trying to set the left column of this row to fill approx 40% of the width and for the right column to show approx 60% (so that “7:00AM – 5:00PM (CST)” is on one line), but I am not having any success. Can you take a look at my settings and tell me what I am doing wrong? Here is the URL:

    https://woocommerce-1375280-5121287.cloudwaysapps.com/wp-admin/post.php?post=1101&action=edit

    It looks closer to the way that I want it to look on the backend then what it actually looks like on the front end. The front end still looks like 50% and 50%.

    #624213

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    I helped you to configure columns and hours are in line, please double check.

    Regards,

    #625557

    Hi Hung. Please see extra information section…

    #625699

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    You are using Custom layouts, and WoodMart has a special widget / element called Hook in Elementor that you can place to your custom layout and then the plugin will be able to add its custom content there. To fix this, you need to add a hook element to this template in which already selected woocommerce_checkout_before_customer_details https://monosnap.com/file/4MYfAKcbiyQEqSdplQvHUCvqu8pJyK, and check this

    https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

    Regards,

    #626505

    Hung, can you please help me with the following?

    1. Add Paypal “Buy Now” button to Single Product page. I am starting to better understand the idea of adding hooks in order to get the button to appear, but I am not having any success. If you take a look at my Single Product Page Layout, you will see that I added a hook right after the Add to Cart button, but PayPal still does not appear. Can you tell me what I need to do to fix?

    2. Identical issue as #1, but for Cart and the Checkout Page. There should be a PayPal button. Here is documentation if it is helpful for you to see what it’s supposed to look like: https://woocommerce.com/products/woocommerce-gateway-paypal-powered-by-braintree/

    #626668

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    Would you mind if I deactivate extra plugins for testing? Please confirm me back.

    Wish you a Happy Near Year.

    Regards,

    #626832

    Hello Hung,

    Yes, this is okay. Please do what you need to help.

    Happy new year.

    #626875

    Hung,

    Another question. I have 2 checkout pages on my site, the public checkout page and a custom private checkout page for a special use case. The public checkout page works good with Woodmart. However for the custom private checkout page I do not want WoodMart to do anything, I want that page rendered entirely without WoodMart modifying the page in any way, I want WooCommerce to handle that page with its built-in template files and CSS and Javascript. Can this be done? And if so how?

    #627384

    Hung, you can disregard message #626875 but can you please help me with message #626505 about the PayPal Pay Now button?

    #627399

    Hello again Hung,

    I’ve been working on my website and I can\’t get another issue figured out. Take a look at the attached screenshot of my homepage. How can I get these two columns to be equal height? The column the left is shorter than the column on the right. I\’ve tried every setting in WPBakery that I can imagine and I am not having any luck. Can you help me?

    Attachments:
    You must be logged in to view attached files.
    #627529

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    Thanks for your patience.

    Admin credential is incorrect. Did you change the login details?

    Best Regards,

    #627715

    Hung,

    There absolutely do work. I just tested them myself…

    Here they are again…

    #627785

    Hung, how do I modify the content of the email when customer clicks “Email for share links” icon on product page? Currently it says “Check this” and that’s it. There’s no subject and I do not like the “Check this” language.

    #628143

    Hung Pham
    Keymaster

    Hi lunchbucketecommerce,

    Thanks for your patience.

    It worked again.

    1, 2. Please make sure you enabled Paypal payment in Braintree account https://woocommerce.com/document/woocommerce-gateway-paypal-powered-by-braintree/#my-credentials-are-correct-but-i-still-dont-see-paypal-at-checkout-whats-going-on

    Also, I don’t know which exactly hooks it needs. You can either try to select all hooks one by one or contact plugin developers for help.

    https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

    3. Equal height of columns

    I reduced margin bottom of Product box and it worked https://ibb.co/LRh7JRZ

    4. Email

    To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Best Regards,

    #628447

    1,2 – I think I have this figured out for right now.

    3. Thank you

    4. I am referring to the button in the screenshot. It is added via WPBakery Social Buttons Element.

    Attachments:
    You must be logged in to view attached files.
Viewing 30 posts - 1 through 30 (of 31 total)