Changes to the Buy Now button

Posted in: Newspaper
Post count: 221

[Information]
I’m using the real news demo.
My site is duweek.com.

I have a question about changing the Buy button.

1.
I put the code to delete (or change) the shopping cart button. But I can’t change it. Please check whether the code is correct or the method is correct.

// 곧바로 체크아웃시키기
add_filter (‘add_to_cart_redirect’, ‘redirect_to_checkout’);

function redirect_to_checkout() {
return WC()->cart->get_checkout_url();
}

// 장바구니 텍스트 변경하기

add_filter( ‘woocommerce_product_single_add_to_cart_text’, ‘woo_custom_cart_button_text’ ); // 2.1 +

function woo_custom_cart_button_text() {

return __( ‘바로 구매’, ‘woocommerce’ );
}

2. Button Modification PC and mobile are different.

I put the [width: 100%;] code to adjust the width of the shopping cart button. The PC is adjusted normally, but the mobile is not applicable.

https://ibb.co/qWCRh0F

https://ibb.co/QYq4xYv

3.
I want to align the buy (or shopping cart) text to the center and the amount (amount) above to the right inside the box. How can I do this?

https://ibb.co/gMVm7Tg

4.
Every time I click Buy (or Shopping Cart), the shopping cart is added up unnecessarily. Due to the nature of digital products, only one item is required. Is it possible to forcibly stop this? page move

Also, the page is quite narrow on the PC screen and is not intuitive to the user. I tried [Newspaper Builder] for design, but an error occurred. Is the external page (or plugin or function) unmodifiable? Can’t use the Newspaper template? (Change)

https://ibb.co/fnL8mN6

5. Checkout page form issues

Deleted unnecessary forms with code. (Only name 1, phone number and email are required)

However, the width of the form of the name does not match, so I put CSS [width: 100%;] cor, but it does not apply to both PC and mobile.

First of all, this is the code for deleting the form. Please check if it is correct.

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’, 11);
function theme_enqueue_styles() {
wp_enqueue_style(‘td-theme’, get_template_directory_uri() . ‘/style.css’, ”, TD_THEME_VERSION, ‘all’ );
wp_enqueue_style(‘td-theme-child’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘td-theme’), TD_THEME_VERSION . ‘c’, ‘all’ );

}
function wc_remove_checkout_fields( $fields ) {
// Billing fields
unset( $fields[‘billing’][‘billing_company’] );
unset( $fields[‘billing’][‘billing_country’] );
unset( $fields[‘billing’][‘billing_state’] );
unset( $fields[‘billing’][‘billing_last_name’] );
unset( $fields[‘billing’][‘billing_address_1’] );
unset( $fields[‘billing’][‘billing_address_2’] );
unset( $fields[‘billing’][‘billing_city’] );
unset( $fields[‘billing’][‘billing_postcode’] );
// Shipping fields
unset( $fields[‘shipping’][‘shipping_company’] );
unset( $fields[‘shipping’][‘shipping_country’] );
unset( $fields[‘shipping’][‘shipping_phone’] );
unset( $fields[‘shipping’][‘shipping_state’] );
unset( $fields[‘shipping’][‘shipping_first_name’] );
unset( $fields[‘shipping’][‘shipping_last_name’] );
unset( $fields[‘shipping’][‘shipping_address_1’] );
unset( $fields[‘shipping’][‘shipping_address_2’] );
unset( $fields[‘shipping’][‘shipping_city’] );
unset( $fields[‘shipping’][‘shipping_postcode’] );
// Order fields
unset( $fields[‘order’][‘order_comments’] );
return $fields;
}
add_filter( ‘woocommerce_checkout_fields’, ‘wc_remove_checkout_fields’ );
add_filter(‘woocommerce_checkout_fields’, ‘custom_override_checkout_fields’);
function custom_override_checkout_fields($fields)
{
$fields[‘billing’][‘billing_first_name’][‘label’] = ‘Name’;
return $fields;
}

https://ibb.co/TLmzMRx

6.
I installed a plug-in externally because I needed to use a feature that Newspaper didn’t have.

However, the news paper login, checkout, and thank you pages do not appear and are newly applied.

Can’t you just use the plugin for functionality and use the existing Newspaper demo method for login, checkout, and thank you pages?

!! Please, I would appreciate it if you apply a case-by-case method that only allows you to view specific content when paying for a specific content in the next update. This is a much-needed feature.

Post count: 21065

Hello @ezioboy!

1. Use some CSS. For example: https://prnt.sc/z5bUzniOF2yQ
2. You must also modify it for mobile: https://prnt.sc/X3SlzGO1PwQj
3. Align the text like this: https://prnt.sc/9Wef_NpX5C1E -> https://prnt.sc/SF_xs3tA2i8H
4. You cannot stop that. You should use a cloud product template from the Cloud Templates: https://forum.tagdiv.com/tagdiv-shop/
5. This code will require custom work, which is not covered by the support team.
For customization and other services, you can contact our custom work team here: https://tagdiv.com/premium-customization-services/
6. Test it and let me know if you encounter any issues.

Thank you!

Post count: 221

1.

https://ibb.co/Qpq99tc

[display: none;]

Shouldn’t this code be deleted?
What I want is to put the amount into the box.

Post count: 221

2.
https://ibb.co/185gZxM

https://ibb.co/YtwxSDb

i don’t see this
If you copy the code I can put it in CSS

And tell me how to watch this too. I want to learn.

Post count: 221

3.
https://ibb.co/8jBqLnP

i don’t like this
And when you explain, please include the code below.
I’m a non-English speaking, non-developer, so typing is so hard, it’s sad

Post count: 221

4.
This doesn’t seem to be the answer I’m looking for.

I don’t want the shopping cart to be filled. This is a problem that template builder can’t solve.

For example, I clicked product A. Cart +1
I clicked product B. Cart +2

It continues to accumulate in this way.
If you don’t pay, it should be empty and reset, but this doesn’t work

If you give me the HTML code, I will insert it.

Post count: 221

5.
Are you going to pay me to adjust this?

Post count: 21065

Hello @ezioboy!

1. https://prnt.sc/SF_xs3tA2i8H
2. Please check this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
3. Please write the code from screenshot and only the line I’m pointing in the screenshot.
4. I hope it’s not a misunderstanding. Please explain better what you need to achieve exactly.
5. https://forum.tagdiv.com/newspaper-theme-support/

Thank you!

Post count: 221

1.
Could you please copy the code? I’ll put it in CSS as it is. It’s annoying and time-consuming to hit one by one. If you answer with the code, I’ll copy and use it as it is. Thank you.

Post count: 21065

Hello @ezioboy!


.woocomerce ul.products li.product .price{
color: #77a464;
margin-bottom:-74px;
text-align:right;
z-index:55!important;
position:relative}

If you can not handle it, then please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you

Thank you!

Post count: 221

hello betina
I put the code but no response.
I can’t figure out what the problem is.

https://ibb.co/xGqx0Zn
https://ibb.co/z5b5X9h
https://ibb.co/t28msCN

And images 2 and 3 are mobile, but the logo can’t be changed either.
PC is applied, but why is mobile not responding?

Yesterday I emailed you my login/password.
past and present are the same

https://ibb.co/XDX2tDx
https://ibb.co/59n1Tp9

Please take a look and review this as well
① When I click the [Buy Now button], [Go to the checkout page] is set, but before I go to the checkout page, I want to specify the [Purchasing > Login/Registration > Checkout] page movement path, just like Newspaper Real News Demo Paywell. but i don’t know how

② On the login/registration page, the Newspaper login/registration fields are visible on other screens, but only on this lock screen, the Newspaper login/registration fields are not visible. In the end, two login/registration are applied to the site.

Post count: 21065

Hello @ezioboy!

If you sent an email, then we will take a look and try to help you as soon as possible.

Please be patient!

Thank you so much for understanding!

Post count: 221

I’ve sent you an email.
Still checking for issues?

Post count: 21065

Hello @ezioboy!

I cannot find any email with this topic link attached. Please try to send it again.

Thank you!

Post count: 221

Hi
Administrator ID and password are the same.
I think I sent the 3rd one.

I’ll email you again
please check.

The email I sent is “contact@tagdiv.com”.

  • This reply was modified 3 years by ezioboy.
Post count: 21065

Hello @ezioboy!

Please include this topic link into your email, so I can check it easily.

Thank you!

Post count: 221

mail has been sent
please check

Post count: 221

hello betina

① Button CSS problem and ② payment login-checkout-thank you page news paper problem

Did you check the email I sent you? Are you still working on a problem?
please answer about my question.

This issue is very important to me. If this problem is solved, I expect to be able to complete the project immediately after linking with Korean PG and generate the desired sales online. (Goal achieved)

please help fast
And Happy New Year Bettina

Post count: 21065

Hello @ezioboy!

Let’s continue the discussion there in order to avoid multiple replies.
Please provide more information, screenshots, or videos with your issues, so I can check them easily and help you faster.

Thank you!

Post count: 221

please read the article above
I left all the images and content. I also left the WordPress admin information.

But what if I told you to write the contents again?

Post count: 21065

Hello @ezioboy!

I just asked for the links. Because I cannot find this on your website: https://imgbb.com/qWCRh0F
Also, I do not know whether the issue still exists or whether you managed to solve it.
Please explain and point me directly to the issue, so I can help you efficiently.

Thank you!

Post count: 221

https://duweek.com/%ec%98%88%ea%b8%88%ea%b3%bc-%ec%a0%81%ea%b8%88%ec%9d%98-%ec%a0%95%ec%9d%98%ec%99%80-%ec%b0%a8%ec%9d%b4%ec%97%90-%eb%8c%80%ed%95%b4%ec%84%9c-%ec%84%a4%eb%aa%85/

didn’t solve the problem.
CSS is applied on PC, but it is not applied on mobile.

https://ibb.co/XWKkymm
https://ibb.co/ynC7qbr

2.
Also, I asked a question to make the amount (100 won) go inside the box, and I tried applying the CSS code you told me, but it doesn’t work.

3.
https://ibb.co/jVhv507

When you click [Make Payment], you will be directed to the checkout page.
Deleted forms that are not needed here.
However, the form of the name is different, so I applied CSS, but this also does not work.

4.
I installed a third-party plug-in for a service not provided by Newspaper.
The problem is that the [login-checkout-thank you page] is different from the real news screen of Newspaper. So now there are two logins to the site.

How can I make it move to [Payment button click > Real News login > Checkout page > Thank you page]

Also, is it possible to customize checkout and thank you pages provided by third-party plugins in the TagDiv composer?

I’ve sent you an email again other than this

Post count: 21065

Hello @ezioboy!

1. It works the same way on mobile as it does on desktop.Please try it in an incognito window and press the button.
2. Where can I find the 100 won variable?https://prnt.sc/ydFLs7TOeKON
You have no CSS applied in the theme panel settings or Live CSS section.
3. I cannot find it because the checkout page is looking like this: https://prnt.sc/KQzZFt-rtO8k
Please notify WooCommerce support if you use the WooCommerce form.
4. You cannot customize the checkout and thank you pages provided by third-party plugins in the TagDiv composer. I can see only a login page. Where is the second one?

Thank you!

Post count: 221

베티나 답변 감사합니다

1.
https://ibb.co/fvrwYdH

On my screen the mobile still had no issues.
problem was not resolved

This plugin is not visible in the admin screen.
You can see it when you log in.

예금과적금의 차이 – https://duweek.com/%ec%98%88%ea%b8%88%ea%b3%bc-%ec%a0%81%ea%b8%88%ec%9d%98-%ec%a0%95%ec%9d%98%ec%99%80-%ec%b0%a8%ec%9d%b4%ec%97%90-%eb%8c%80%ed%95%b4%ec%84%9c-%ec%84%a4%eb%aa%85/

2.
Where can I find the 100 won variable?
I don’t know what this means. I think the translation is wrong.

https://ibb.co/WK3ph9f

① Create a product and set a price here
https://ibb.co/M5FG6Gk

② Write an article in the post and set [Premium Content].
https://ibb.co/M5FG6Gk


https://ibb.co/t3qVB0f

Then you will see a screen like the one above
When the administrator clicks this content, the lock screen does not appear
When a general (non-payer) member is not logged in, the lock screen appears as shown below.

3.
Is this a newspaper checkout page?
What is the WooCommerce Support Team?

4.
https://ibb.co/XtQj82Z

5.(addition)

https://ibb.co/Rcsdv9J
① Click here to pay
You will be directed to the checkout page.
The form with the name at the top does not look like the one below.

I applied CSS With 100% for this, but it doesn’t work.
This does not apply to both PC and mobile.

https://ibb.co/QdrW0ZB
② You will be directed to the checkout page.
The form with the name at the top does not look like the one below.

I applied CSS With 100% for this, but it doesn’t work.
This does not apply to both PC and mobile.

https://ibb.co/ct613Yy

I put the form editing code in [Appearance > File Editor > Newspaper Child theme: functions.php].

Everything else was applied, but only the form of the name was not applied.
So I tried adjusting the CSS, but it doesn’t work.

  • This reply was modified 3 years by ezioboy.
Post count: 21065

Hello @ezioboy!

They are WooCommerce components. Please address the issue with them. Unfortunately, we cannot edit that in our theme in the tagdiv composer builder.
They shouldn’t appear on that page. Ask the WooCommerce developer to help you set their elements. 
The checkout page is from the Woocomerce plugin:https://prnt.sc/Ep0ymZrGGxry. In our theme, we use our own checkout page.
I think you cannot overwrite those pages with just CSS code.

Thank you!

Viewing 25 posts - 1 through 25 (of 43 total)
The forum ‘Newspaper’ is closed to new topics and replies.