Return to previous page

How to style the ecart form in product page

This topic has 11 replies, 3 voices, and was last updated 3 weeks, 3 days ago ago by Jack Richardson

gewoonbovenaan

Participant

August 13, 2024 at 14:56

Hi, i am trying to style the etheme cart form section at the productpage. But is there a way to do that?

https://gyazo.com/a091f3f94cbe6c7622a342fbcd9a2e4f

for example the text on the left, bigger, the circles image bigger, price bigger and other color etc, the two image circle align right, and the ”wissen” text which is aligned right now, and hidden, maybe under the circles instead of to the right. Is that css of is there another way?

https://glazenschuifwand.shop/product/breedte-tot-178-cm/
https://gyazo.com/d3b6ad1ac6f08d9d33f2cc1fb1b6b020

there is also this weird bug, when you select everything, it says that you should choose a variation, but when u change the variation and change it back suddenly you can add it to the cart.

thanks for letting me know.

Please, contact administrator
for this information.

#410096 Copied Theme version: 9.3.13

10 Answers

Jack Richardson

Support staff

August 13, 2024 at 15:52

Dear @gewoonbovenaan,

I hope this message finds you well. We kindly request that you review the settings for the specified element at your earliest convenience. The relevant details can be found via the following links:

– https://prnt.sc/TgvBCuvZXrn6
– https://prnt.sc/gQ-jtHxRor_s

Please take a moment to configure the options currently available. Should you encounter any missing settings or require further assistance, do not hesitate to inform us with the details of results. We are here to support you.

Best regards,
Jack Richardson
The 8Theme Team

#410110 Copied

gewoonbovenaan

Participant

August 23, 2024 at 10:01

Thanks for the feedback and i could style it correct. But somehow the thumbnail of the image from the current product is not showing.
https://gyazo.com/93bfd54b47b719b25ad32d42698fcae7
any idea why?

#411298 Copied

Jack Richardson

Support staff

August 23, 2024 at 11:05

Hello @gewoonbovenaan
We checked the product you sent on the screenshot but don’t see any issues there. Could you please, provide us more details of the issue you have ?
Kind regards, Jack Richardson

#411311 Copied

Rose Tyler

Support staff

August 23, 2024 at 11:06

Dear Gewoonbovenaan,

Thank you for your cooperation.

We hope this message finds you well.

Could you please provide a more detailed explanation regarding the configurations that, in your opinion, are not functioning correctly? If possible, consider recording a video or providing additional screenshots to better illustrate the issues.

Warm Regards,
The 8Theme Team

#411312 Copied

gewoonbovenaan

Participant

August 23, 2024 at 12:05

Hi,

For example on this page: https://glazenschuifwand.shop/product/glazenschuifwand-2-panelen/
there is the thumbnail missing.
https://gyazo.com/3e3a062295a1fba491c0904736a978a8
but in the editor you see the thumbnail is being displayed.
https://gyazo.com/a45a0faa8062f6191d6dc04efd9cf725?token=920e2cbf2947c992c614bf4985a2e692

cant find out why it is not displayed in live website

#411322 Copied

Rose Tyler

Support staff

August 23, 2024 at 15:51

Dear Gewoonbovenaan,

Please try to set “Image Loading Type” – “Default”, via Theme Options > Speed Optimization.
This option may conflict with an option of a cache or optimization plugin on your site.

Warm Regards,
The 8Theme Team

#411386 Copied

gewoonbovenaan

Participant

August 27, 2024 at 11:19

That worked out so thanks for that!
somehow the buttons of the webshop are wrong displayed. We want blue buttons with the text: ”bekijk opties” (more options) but the styling is broken and it says: read more..
https://gyazo.com/90dc324d565cc14c93aeea7cc586f8ac
how can i fix that?

Please contact administrator
for this information.

#411771 Copied

Jack Richardson

Support staff

August 27, 2024 at 12:26

Dear @gewoonbovenaan,

I hope this message finds you well. We have observed an issue with one of your plugins, named “Product Options and Fields” which appears to be altering the structure of the product button’s text on our website. Specifically, the text is being wrapped in a button tag, as evidenced by the screenshot available here: https://prnt.sc/LgT3Q3q2xAVc.

Upon deactivating the “Product Options and Fields” plugin, the buttons resumed their correct display, which can be seen in this screenshot: https://prnt.sc/hM-WMJuvNzby.

To address this issue, you may either choose to deactivate the plugin permanently or provide us with the correct FTP access. With proper access, we can investigate further to find a compatible solution or determine an alternative approach that resolves this problem.

Thank you for your attention to this matter. We look forward to your prompt response.

Best Regards,
Jack Richardson
8Theme’s Team

#411790 Copied

gewoonbovenaan

Participant

August 27, 2024 at 12:36

thanks for the fast reply. didnt know this plugin caused it. but for now i need to keep this activated. if you can help restore the button would be great. (see ftp in private)

Please contact administrator
for this information.

#411792 Copied

Jack Richardson

Support staff

August 27, 2024 at 14:06

Dear @gewoonbovenaan,

We hope this message finds you well.

Upon reviewing your shop page, we are pleased to inform you that the product buttons appear to be displayed correctly, even with the current plugin activated. Could you please confirm if this resolves the issue you were experiencing? Additionally, we would like to know if you have made any adjustments to the settings that may have contributed to this resolution or simple reactivation of such plugin could fix the issue you had.

We look forward to your confirmation and are here to assist with any further questions you might have.

Best Regards,
Jack Richardson
The 8Theme Team

#411810 Copied
Tagged: ecart form styling, product page design, woocommerce ecart form, woocommerce product page, woocommerce templates, wordpress customization, wordpress ecommerce templates
Viewing 11 results - 1 through 11 (of 11 total)