I want the single product page like this.

This topic has 24 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Rose Tyler

  • Avatar: Soumya
    Soumya
    Participant
    August 27, 2022 at 17:52

    Hey, I have tried many times with your theme’s single product builder. but unable to make it like this. can you guys plz do it for me?
    Plz refer to this link:
    https://freeimage.host/i/product-full-width.r4rjrQ

    23 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 08:52

    Hello,

    Provide URL of your site and temporary wp-admin access, via the Private Content area. We will try to create an example for you.

    Regards

    Avatar: Soumya
    Soumya
    Participant
    August 28, 2022 at 10:55

    Please check I have provided the details.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 15:34

    Hello,

    Check now. Continue editing the layout in the builder. For example, this text https://prnt.sc/hhCcYAvJVW5v can be added by editing the content of – https://prnt.sc/YCag49jwxnT5 https://prnt.sc/wZS6omHCg6Ph Content of this area – https://prnt.sc/4buDj-44SWtZ > https://prnt.sc/1dPtnhUvjyJY
    Let us know if you need any further assistance.

    Regards

    Avatar: Soumya
    Soumya
    Participant
    August 28, 2022 at 17:49

    It looks good. Also, I want to add the “Buy Now” button just side to the add-to-cart.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2022 at 20:09

    Hello,

    Check now – https://prnt.sc/Kq7x9rbw4-da

    Regards

    Avatar: Soumya
    Soumya
    Participant
    August 28, 2022 at 20:48

    worked. what & how you did this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 29, 2022 at 12:14

    Hello,

    It looks like you have changed wp-admin access.
    We’ve enabled Buy Now button in the settings of Single Product Builder > Add to cart, and added custom CSS code in Theme Options > Theme custom CSS.

    Regards

    Avatar: Soumya
    Soumya
    Participant
    February 5, 2023 at 11:45

    Can you please share the code you have added?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 13:13

    Hello, Soumya

    Please provide correct wp-admin access.

    Best Regards,
    8Themes Team

    Avatar: Soumya
    Soumya
    Participant
    February 5, 2023 at 13:33

    Please check.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 13:51

    Hello, Soumya

    1/ Did you delete the old code?
    Try to add the next code in Theme Options > Theme custom CSS:

    .single-product-builder .single_add_to_cart_button ~ .et-or-wrapper {
        flex-basis: 10%;
        margin-left: 10px;
        margin-right: 10px;
    }
    .single-product-builder form.cart {
        display: flex;
    }
    .single-product-builder .et_product-block .et-single-buy-now.single_add_to_cart_button.button {
        width: 20%;
        flex-basis: 20%;
        min-width: 20%;
    }

    to place the Buy now button in the same line to Add to cart.

    2/

    .single_product-html_block5 {
        display: flex;
    }
    .single_product-html_block5 .wcfm_catalog_enquiry {
        margin: 0px 10px;
        padding: 6px 10px;
    }

    Best Regards,
    8Themes Team

    Avatar: Soumya
    Soumya
    Participant
    February 5, 2023 at 14:00

    It does not look good in mobile view. please check the screenshot in private content.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 14:18

    In this case add the code not in Global custom CSS area, but in custom CSS for Desktop (Theme Options > Theme custom CSS > Desktop).

    Best Regards,
    8Themes Team

    Avatar: Soumya
    Soumya
    Participant
    February 5, 2023 at 15:29

    Yes, But the “Chat now” & “Post your question” is not showing in a row in mobile view.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 16:07

    Hello,

    Could you please provide a screenshot from your mobile device? What browser are you using? Have you cleared the cache of it?

    Best Regards,
    8Themes Team

    Avatar: Soumya
    Soumya
    Participant
    February 5, 2023 at 16:29

    I am using the google chrome browser.
    Please check this screenshot: https://prnt.sc/8PKGN2N1q-y-

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 16:40

    Hello,

    Thank you for the reply.

    I’ve edited the custom CSS code.
    Please clear cache of the mobile browser and check now.

    Best Regards,
    8Themes Team

    Avatar: Soumya
    Soumya
    Participant
    February 5, 2023 at 16:55

    Working well. But can you make the letters inside the “Chat now” & “Post your question” buttons in a single row in mobile view? currently, in mobile view, these two buttons are showing very big!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 17:07

    Please clear cache of the mobile browser and check now.

    Best Regards,
    8Themes Team

    Avatar: Soumya
    Soumya
    Participant
    February 5, 2023 at 17:11

    It’s working very well.
    Thanks for this great support. I will purchase future products from you.
    And please confirm for me what changes you made!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2023 at 17:51

    Hello, Soumya

    You’re welcome!
    Custom CSS code you can find on these screenshots – https://prnt.sc/CoBa_xnsJdgA https://prnt.sc/M47oXB6l4fUX https://prnt.sc/_WZ-EMGMMveH

    Best Regards,
    8Themes Team

    Avatar: Soumya
    Soumya
    Participant
    February 25, 2023 at 11:44

    Please check this. It is not showing correctly. https://prnt.sc/QMu4c5hBm2fR

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2023 at 09:09

    Hello, Soumya,

    WooCommerce plugin in the latest update made input hidden if it is available for 1 purchase only.
    As a temporary fix, please add the next code in child-theme/functions.php file:

    add_filter('woocommerce_quantity_input_type', function($type) {
        return 'number';
    });

    Kind Regards,
    8theme team

  • Viewing 24 results - 1 through 24 (of 24 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.