Home › Forums › WoodMart support forum › Single Product Page – Extra content #2
Single Product Page – Extra content #2
- This topic has 32 replies, 2 voices, and was last updated 4 weeks, 1 day ago by Hung Pham.
-
AuthorPosts
-
June 2, 2024 at 9:51 am #570025
SCVParticipantHi,
In the Layout section, I can’t find Extra content #2. How I can import this layout for my single product page?
Thank you,
June 3, 2024 at 1:42 pm #570189
SCVParticipant2. At the same time, i haven’t find a way to have a custom color for the BUY NOW button, is not ok to have the same color with ADD TO CART, any solution?
3. on mobile, sticky add to cart doesn’t look ok, I think it is a problem, please check the image.Attachments:
You must be logged in to view attached files.June 3, 2024 at 6:53 pm #570300
Hung PhamKeymasterHi SCV,
Thanks for reaching to us and appreciate your patience.
To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
- This reply was modified 3 months, 3 weeks ago by Hung Pham.
June 3, 2024 at 7:23 pm #570311
SCVParticipantPlease check the private part. Thank you,
June 4, 2024 at 4:15 am #570387
Hung PhamKeymasterHi SCV,
Thanks for details.
1. Extra Content #2
You can create a dev site and import any template there, then with the help of the import functionality of Elementor you can export HTML Blocks, more detail is here: https://elementor.com/help/template-library/
Devsite – also called a Staging platform where you can test issues, enable/disable features/plugins thus such changes will affect the main site. The below article will help you to create it:
https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/
2. Please navigate to Theme Settings > Styles and colors > Buttons > Scroll down to Advanced button styles section and you can assign to
Single buy now
to change its styles https://prnt.sc/vcwrA6IYBAmUPlease refer to documentation for more details https://xtemos.com/docs-topic/advanced-button-styles/
3. Do you want to change the color of button on mobile? Please let me know the details and I will provide a better answer.
Regards,
June 4, 2024 at 7:04 am #570395
SCVParticipantThank you for all this info. I am not sure if I will make a dev website I can find somewhere that template from your demo.
You can’t export the extra content #2 from your demo ? At the same time when I try to create a new layout is redirects me to the post page without any option for editing, elementator or something else.
3. I am not sure if the color is the problem, but if the color is, how I can change the color for the button of the sticky cart?
June 4, 2024 at 11:17 am #570472
Hung PhamKeymasterHi SCV,
1. I helped you to import all HTML Blocks related to that demo, please double check.
3. As I can see, it looks well, can you please describe in more details what issues with sticky button on mobile?
Regards,
June 4, 2024 at 6:12 pm #570611
SCVParticipantHi,
Ok, and now how i can apply that template, how i can run the elementator to apply on a single product page?
June 5, 2024 at 10:37 am #570727
Hung PhamKeymasterHi SCV,
I helped you to create Layout that applied to all products.
In case you want to add HTML Blocks to specific products only, then you can deactivate the layout > edit specific products > scroll down to Product settings > and add HTML Block to
Extra content block
dropdown.Regards,
June 5, 2024 at 12:45 pm #570775
SCVParticipantThank you for your help. Can you tell me how now i can add on the template > Frequently bought together part? its active but is not showing on the product page. Thanks.
June 5, 2024 at 7:09 pm #570898
Hung PhamKeymasterHi SCV,
Please edit the layout > add
Frequently bought together
widget to show the products.Regards,
June 5, 2024 at 7:17 pm #570903June 5, 2024 at 9:57 pm #570925
SCVParticipantCan you tell me please how I can have a space, a gap between the green container and the FBT container? Down is ok, but the upside is not.
Btw in stick add to cart, how we can change the button for add to cart on mobile version?
Thank you,
Attachments:
You must be logged in to view attached files.June 6, 2024 at 10:39 am #570997
Hung PhamKeymasterHi SCV,
1. You can edit layout > change the widget’s settings to 2 columns.
2. Sticky Add to cart button
Please add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile section.
.wd-sticky-btn-cart .single_add_to_cart_button{ background-color: #000; }
Regards,
- This reply was modified 3 months, 1 week ago by Hung Pham.
June 6, 2024 at 10:47 am #571008
SCVParticipant1. is not about the number of product, i am asking regarding the space horizontally, from what you can see the first bg container is green after that is white, but between green and white is not a gap, a space, i need a gap, space where is the yellow line. thanks
Attachments:
You must be logged in to view attached files.June 6, 2024 at 11:01 am #571015
Hung PhamKeymasterHi SCV,
Please take a look at screenshot for better understanding.
Regards,
- This reply was modified 3 months, 1 week ago by Hung Pham.
June 22, 2024 at 8:51 am #574587
SCVParticipantPlease remove the links to our website from public view and screenshots related to our website.
- This reply was modified 3 months, 1 week ago by SCV.
June 22, 2024 at 12:52 pm #574653
Hung PhamKeymasterHi SCV,
I removed all screenshots as requested.
Regards,
June 22, 2024 at 1:08 pm #574660
SCVParticipantPlease at the same time the links to our website. Thanks
June 22, 2024 at 1:22 pm #574663
Hung PhamKeymasterHi SCV,
I removed all links as requested.
Regards,
August 22, 2024 at 10:24 am #591682
SCVParticipantDear Team, On the mobile version, on the single product page I would like to have the title and review upside the primary image. How i can do this? Thank you,
August 22, 2024 at 5:41 pm #591869
Hung PhamKeymasterHi SCV,
In order 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.
Regards,
August 22, 2024 at 6:14 pm #591881August 22, 2024 at 9:03 pm #591906
SCVParticipantSomething else is very strange, the button >> proceed to checkout and place the order doesn’t want to change the color via the Advanced button styles, i am not sure where is the issue.
August 23, 2024 at 3:05 pm #592072
Hung PhamKeymasterHi SCV,
To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) and screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
August 23, 2024 at 3:11 pm #592078
SCVParticipantPlease check bellow the credentials. The Proceed to Checkout and Place order buttons cant work to replace the colors. at the same time please check #591881. thank you
August 25, 2024 at 4:30 am #592316
Hung PhamKeymasterHi SCV,
First of all, I’m really sorry have taken long time to reply you due to the weekend.
1. Product titles
The product title is placed in the separate container so it cannot be moved above product images https://prnt.sc/TBjpjbkP4wAU
2. Buttons’s background colors
I didn’t see the elements assigned to actions buttons. Also, it seems you are referring to Buttons in Cart page, if so, you are using WooCommerce Blocks. You need to remove them completely – https://monosnap.com/file/DYynCYO5DELtMiDQW2E99Yhx3TFPCs. Then define the Shortcode element with
[woocommerce_checkout]
, save the page and as a result, the default template for Checkout page will be shown. The same goes for the Cart page.If you have any questions, let me know.
Regards,
August 25, 2024 at 7:38 am #592322
SCVParticipantThank you for your answer. Regarding point 1. there should be a way to move the title and review container above the image container, maybe using functions. php.. can you check with your dev team. Thank you,
August 25, 2024 at 9:00 am #592323
SCVParticipantBoth problems fixed, but now i have a different font for cart and checkout page, compared with the website fonts, any idea why? and how we can be replace to use the website standard fonts?
Thank you,
August 26, 2024 at 12:19 pm #592529
Hung PhamKeymasterHi SCV,
First of all, I’m really sorry have taken long time to reply you due to the weekend.
It seems you are using WooCommerce Blocks. You need to remove them completely – https://monosnap.com/file/DYynCYO5DELtMiDQW2E99Yhx3TFPCs. Then define the Shortcode element with
[woocommerce_checkout]
, save the page and as a result, the default template for Checkout page will be shown. The same goes for the Cart page.If you have any questions, let me know.
Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register