Home › Forums › WoodMart support forum › “Buy Now” and Single Product Page Width
“Buy Now” and Single Product Page Width
- This topic has 30 replies, 2 voices, and was last updated 6 hours, 6 minutes ago by Hung Pham.
-
AuthorPosts
-
December 11, 2024 at 5:04 am #621410
lunchbucketecommerceParticipantHi 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.December 11, 2024 at 5:45 pm #621653
Hung PhamKeymasterHi lunchbucketecommerce,
Thanks for reaching to us.
Admin credential is incorrect, please check again.
Regards,
December 11, 2024 at 5:48 pm #621655
lunchbucketecommerceParticipantHung, try now…
December 12, 2024 at 12:20 pm #621819
Hung PhamKeymasterHi 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,
December 13, 2024 at 5:01 pm #622267
lunchbucketecommerceParticipantHung,
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
December 15, 2024 at 3:17 pm #622569
Hung PhamKeymasterHi lunchbucketecommerce,
Thanks for your patience.
Admin credential is incorrect, please check again.
Regards,
December 17, 2024 at 5:17 am #623028
lunchbucketecommerceParticipantHung, 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!
December 17, 2024 at 5:21 am #623029
lunchbucketecommerceParticipantHung, 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 🙁
December 17, 2024 at 2:16 pm #623192
Hung PhamKeymasterHi 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,
December 17, 2024 at 3:21 pm #623207
lunchbucketecommerceParticipantHung,
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.
December 17, 2024 at 3:41 pm #623226
lunchbucketecommerceParticipantHung, 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.December 18, 2024 at 6:19 am #623403
lunchbucketecommerceParticipantHi again, sorry for the inconvenience, but here are updated credentials for you to use…
December 18, 2024 at 8:54 am #623422
Hung PhamKeymasterHi lunchbucketecommerce,
I cannot access to the your site due to it blocked. Please make sure you disabled IP / Countries restrictions.
Best Regards,
December 18, 2024 at 4:32 pm #623621
lunchbucketecommerceParticipantHung,
Sorry for the inconvenience. I am confident that these credentials will work. I’ve tested them myself.
December 19, 2024 at 8:27 am #623775
Hung PhamKeymasterHi 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,
December 19, 2024 at 9:01 pm #624030
lunchbucketecommerceParticipantHung,
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%.
December 20, 2024 at 1:39 pm #624213
Hung PhamKeymasterHi lunchbucketecommerce,
I helped you to configure columns and hours are in line, please double check.
Regards,
December 26, 2024 at 9:27 pm #625557
lunchbucketecommerceParticipantHi Hung. Please see extra information section…
December 27, 2024 at 1:55 pm #625699
Hung PhamKeymasterHi 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 selectedwoocommerce_checkout_before_customer_details
https://monosnap.com/file/4MYfAKcbiyQEqSdplQvHUCvqu8pJyK, and check thishttps://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/
Regards,
December 31, 2024 at 10:04 pm #626505
lunchbucketecommerceParticipantHung, 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/
January 2, 2025 at 10:30 am #626668
Hung PhamKeymasterHi lunchbucketecommerce,
Would you mind if I deactivate extra plugins for testing? Please confirm me back.
Wish you a Happy Near Year.
Regards,
January 2, 2025 at 4:50 pm #626832
lunchbucketecommerceParticipantHello Hung,
Yes, this is okay. Please do what you need to help.
Happy new year.
January 2, 2025 at 6:40 pm #626875
lunchbucketecommerceParticipantHung,
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?
January 4, 2025 at 8:52 pm #627384
lunchbucketecommerceParticipantHung, you can disregard message #626875 but can you please help me with message #626505 about the PayPal Pay Now button?
January 5, 2025 at 12:20 am #627399
lunchbucketecommerceParticipantHello 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.January 6, 2025 at 10:38 am #627529
Hung PhamKeymasterHi lunchbucketecommerce,
Thanks for your patience.
Admin credential is incorrect. Did you change the login details?
Best Regards,
January 6, 2025 at 4:47 pm #627715
lunchbucketecommerceParticipantHung,
There absolutely do work. I just tested them myself…
Here they are again…
January 6, 2025 at 7:20 pm #627785
lunchbucketecommerceParticipantHung, 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.
January 8, 2025 at 8:43 am #628143
Hung PhamKeymasterHi 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,
January 9, 2025 at 6:13 am #628447
lunchbucketecommerceParticipant1,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. -
AuthorPosts
- You must be logged in to create new topics. Login / Register