Return to previous page

How to edit product presentation card in shop?

This topic has 5 replies, 3 voices, and was last updated 10 months, 1 weeks ago ago by Andrew Mitchell

atipikall

Participant

February 15, 2024 at 09:40

How can i style the product name, price and button?

For product name i went to Shop > Product Design > Title HTML Tag and changed from h2 to h1 but nothing happened.

Also cant find where i can stylize price and add to cart button

Files is visible for topic creator and
support staff only.

#383448 Copied Theme version: 0.9.2.7

4 Answers

Tony Rodriguez

Support staff

February 15, 2024 at 10:01

Hello, @atipikall,

Thank you for choosing XStore as your WooCommerce WordPress theme.

Upon thorough examination, we have verified that all product design options are functioning correctly on our test site. It appears that the issue is isolated to your website.

To facilitate a more detailed investigation, we kindly request that you provide us with access to your site’s WordPress admin panel. Please submit the credentials securely in the private content area, ensuring the protection of your sensitive information.

We kindly recommend that you take a complete backup of your site before proceeding.

Additionally, we would like to bring to your attention the possibility of utilizing the XStore Products Archive Builder with Elementor. This tool allows you to create a custom layout and design for your product archive page. For comprehensive guidance on this feature, please refer to our theme documentation at the following link: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/

We trust that these resources and our support will prove beneficial to you.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#383452 Copied

atipikall

Participant

February 15, 2024 at 10:23

My website is not deployed yet so i can’t give access to website.

Also cant find where i can stylize price and add to cart button

#383459 Copied
Tony Rodriguez

Support staff

February 15, 2024 at 12:30
Hello, @atipikall,

Thank you for your response.

1/ We kindly request that you create a staging environment for your WordPress site to facilitate a thorough review of your settings. This step is crucial in allowing us to provide you with the most effective assistance.

For your convenience, here is a comprehensive guide on how to set up a staging environment for a WordPress site: https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Additionally, please ensure that you register your staging site following the guidelines provided here: https://www.8theme.com/documentation/xstore/theme-installation/how-to-registerderegister-xstore-theme-livestaging-websites/

Once the staging site is operational, we would appreciate it if you could share the wp-admin login credentials with us. This will enable our team to access the administrative area and conduct a detailed examination of your configurations.

We are committed to offering you the support you need and look forward to your prompt response.

2/ We would like to inform you that it is possible to customize the appearance of the pricing and add to cart button on your shop page to suit your preferences. This can be achieved by applying custom CSS code.

To implement this, please navigate to the following location within your admin panel: XStore > Theme Options > Theme Custom CSS > Global CSS. Here, you can insert the necessary CSS code to achieve the desired styling.

For your reference, an example of the expected outcome can be viewed at the following link: https://ibb.co/xYpmvJt
```
.content-product .price ins span.woocommerce-Price-amount.amount, span.price {
color: #2316f8 !important;
font-size: 18px !important;
}
.content-product .price del span.woocommerce-Price-amount.amount {
color: green !important;
}
```
```
.content-product .button {
    background-color: aqua !important;
}

.content-product .button:hover {
    background-color: green !important;
}
```
Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
The 8Theme Team
#383488 Copied
Andrew Mitchell

Support staff

February 15, 2024 at 14:56

Dear atipikall,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#383500 Copied
Tagged: customize woocommerce, edit product card, online store tutorial, product presentation, woocommerce themes, wordpress ecommerce, wordpress shop
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to edit product presentation card in shop?’' has been successfully resolved, and the topic is now closed for further responses

How to edit product presentation card in shop?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection