Return to previous page

Returning Customer and Coupon on one line?

This topic has 4 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Tony Rodriguez

Zenka

Participant

January 1, 2024 at 15:16

Hi there for the checkout page the returning customer and the coupon area is taking up two links and doen’t look great. Anyway to have those on a single line and be good for desktop and mobile?
https://ibb.co/GMy8L8m

#378201 Copied Theme version: 9.2.5 WooCommerce version: WordPress 6.4.2

3 Answers
Tony Rodriguez

Support staff

January 2, 2024 at 09:07
Hello, @Zenka,

Thank you for bringing the issue with the checkout page to our attention. We understand the importance of a seamless and aesthetically pleasing user experience, and we appreciate your feedback.

To address the concern of the returning customer and coupon area taking up two separate lines on the checkout page, we recommend implementing the following custom CSS code. This code will ensure that both elements align on a single line.

To address this matter, you can follow the steps :

a)Navigate to your WordPress dashboard.
b)Go to “XStore” and select “Theme Setting”
c)Within the Theme Settings, find the “Global CSS” section.
d)Paste the following CSS code into the provided space:

@media only screen and (min-width: 768px) { .before-checkout-form{ display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-evenly; align-items: flex-start; margin-right: 43%; } }

For a visual reference, please consult the image provided in the link: https://imgur.com/a/Aq2Cjzv

Best Regards,
The 8Theme Team
#378263 Copied
Zenka

Participant

January 5, 2024 at 08:05

Hi there,
Thanks so much.
Unfortunately now you don’t see the Returning Member Login line, you only see the Coupon Line.
See here:
https://ibb.co/yVgGWwJ
I actually do want to give them the opportunity to login.
old
https://imgbb.com/GMy8L8m

I see that you have added an additional code.
@media only screen and (min-width: 321px) {
/* Products */
.content-product {
border: 1px solid #E5E5E5;
border-radius: 20px;
padding: 5px;
}
.single-product-builder .content-product .product-details, .content-product .product-details {
padding-bottom: 15px;
}
}

/* Account/Cart */
#customer_login>div,
.cart-collaterals, .order-review {
border-radius: 15px;
}

#378643 Copied

Tony Rodriguez

Support staff

January 5, 2024 at 13:16

Hello, @Zenka,

1) Thank you for bringing the matter to our attention, and I appreciate your diligence in providing detailed screenshots for reference.

After careful examination, we want to assure you that we have thoroughly reviewed the reported issue regarding the absence of the “Returning Member Login” line on your checkout page.

The reason you are not seeing the “Returning Member Login” line could be due to your current login status in the WordPress dashboard. When logged in, the system recognizes your status as an existing user, and as a result, the option for returning customer login is not displayed on the checkout page. To confirm this, kindly check the checkout page in private or incognito mode, and you should observe the “Returning customer: Click here to login” option.

For a visual reference, We have attached images illustrating these steps:https://imgur.com/a/l0Y0usz

Furthermore, we have reviewed the CSS code previously provided, and it is correctly configured to display both the Returning Customer and Coupon lines on a single line. To ensure this functionality is implemented correctly, kindly follow the steps outlined in our previous communication and paste the CSS code accordingly.

For a visual reference, We have attached images illustrating these steps:https://imgur.com/a/0TgVOQb

Kind Regards,
8theme team

#378705 Copied
Viewing 4 results - 1 through 4 (of 4 total)