Return to previous page

Single Product Builder Breadcrumbs title and Tabs Issue

This topic has 27 replies, 2 voices, and was last updated 3 weeks, 6 days ago ago by Luca Rossi

Jade

Participant

March 31, 2024 at 07:21

Hello, I was wondering if someone could help me with my product pages.

1. I have a big gap where my breadcrumbs header is. This is kind of awkward and makes the page display look weird. I was wondering if there is a way to minimize the gap and then to add a small title that shows the trail of the pages that got to the product. For instance: Women’s > Tops > Product (example pic provided below).

2. I was also wondering how to separate the tabs on the single product page. Right now the description, shipping and reviews are linked together. I would like to be able to separate the reviews from the short description and shipping. I was hoping to put the reviews under the related products section and then keep the description and shipping under the add to wish list button. Also align the description and shipping accordion to the left so that it’s more aligned with the other sections above it.

Please and thank you.

Files is visible for topic creator and
support staff only.

#389336 Copied Theme version: 9.3.2

26 Answers

Jade

Participant

March 31, 2024 at 07:23

Here is the login info as well.

Please contact administrator
for this information.

#389338 Copied

Luca Rossi

Support staff

March 31, 2024 at 10:22

Dear Jade,

We hope this message finds you well.

We’re pleased to inform you that we have successfully updated the breadcrumb’s color to black and also reduced its padding. These changes can be viewed under the Single Product Builder > Breadcrumb section:

[View Breadcrumb Customization](https://prnt.sc/dmK4YR5LeY4i)

Furthermore, to facilitate these enhancements, we recommend the installation of the Pro Elements plugin. Subsequently, you can utilize the updated Single Product Builder through Elementor by following the instructions provided in the link below:

[Single Product Builder with Elementor Guide](https://xstore.helpscoutdocs.com/article/190-xstore-single-product-builder-with-elementor)

Should you require any further assistance or have any questions, please do not hesitate to reach out.

Warm regards,
The 8Theme Team

#389368 Copied

Jade

Participant

March 31, 2024 at 20:16

Hello Luca,

Thank you kindly for updating the breadcrumbs header. It looks so much better. I love it.

I was also wondering how to separate the tabs on the single product page. Right now the description, shipping and reviews are linked together. I would like to be able to separate the reviews from the short description and shipping. I was hoping to put the reviews under the related products section and then keep the description and shipping under the add to wish list button.

Last is there a way to remove the add quantity button/feature?

Please and thank you.

#389432 Copied
Luca Rossi

Support staff

April 1, 2024 at 09:32
Hi @Jade,

I was also wondering how to separate the tabs on the single product page. Right now the description, shipping and reviews are linked together. I would like to be able to separate the reviews from the short description and shipping. I was hoping to put the reviews under the related products section and then keep the description and shipping under the add to wish list button.

To facilitate these enhancements, we recommend the installation of the Pro Elements plugin. Subsequently, you can utilize the updated Single Product Builder through Elementor by following the instructions provided in the link below:

[Single Product Builder with Elementor Guide](https://xstore.helpscoutdocs.com/article/190-xstore-single-product-builder-with-elementor)

Last is there a way to remove the add quantity button/feature?

Please add this custom CSS under Theme Options > Theme Custom CSS > Global CSS:
```
.quantity-wrapper.type-square span {
    display: none;
}

.quantity .quantity-wrapper.type-square input {
    border: 1px solid var(--et_inputs-border-color,var(--et_border-color))
}
```
Warm regards,
The 8Theme Team
#389487 Copied
Jade

Participant

April 2, 2024 at 05:54

Hi,

So I added the custom code and the add quantity button is still there.

I also installed the Elementor plugin and was wondering if you are able to make the change to separate the tabs on the single product page. Right now the description, shipping and reviews are linked together. I would like to be able to separate the reviews from the short description and shipping. I was hoping to put the reviews under the related products section and then keep the description and shipping under the add to wish list button.

Please and thank you

Files is visible for topic creator and
support staff only.

#389600 Copied

Luca Rossi

Support staff

April 2, 2024 at 09:47

Hi @Jade,

Can you please help us to explain what is “the add quantity button”? Do you want to disable it so use can change the quantity of product?

I also installed the Elementor plugin and was wondering if you are able to make the change to separate the tabs on the single product page. Right now the description, shipping and reviews are linked together. I would like to be able to separate the reviews from the short description and shipping. I was hoping to put the reviews under the related products section and then keep the description and shipping under the add to wish list button.

We’ve applied the new single product builder template to Women category. Please check the product in private content area.

Please contact administrator
for this information.

#389638 Copied

Jade

Participant

April 2, 2024 at 10:03

Hi,

So I didn’t want to apply the new single product template. I just wanted to change the location of the tabs on the original one that I had. You mentioned I needed to download the elements plugin to make this edit. To clarify I would like the old template I was using but just move the reviews tab section under the recommended products section.

Also the add quantity button to the left of add to cart button is the one I am mentioning to remove please and thank you.

Files is visible for topic creator and
support staff only.

#389640 Copied
Luca Rossi

Support staff

April 2, 2024 at 10:16
Hi @Jade,

So I didn’t want to apply the new single product template. I just wanted to change the location of the tabs on the original one that I had. You mentioned I needed to download the elements plugin to make this edit. To clarify I would like the old template I was using but just move the reviews tab section under the recommended products section.

We meant you have to completely disable the Old Sinlge Product Builder and switch to the new Single Product Builder of Elementor to more controls the Product Elements: https://xstore.helpscoutdocs.com/article/190-xstore-single-product-builder-with-elementor.

Also the add quantity button to the left of add to cart button is the one I am mentioning to remove please and thank you.

Please add this custom CSS:
```
.single-product .quantity {
    display: none;
}
```
Warm regards,
The 8Theme Team
#389643 Copied
Jade

Participant

April 2, 2024 at 10:36

Oh I understand now. Well in that case can you revert to the previous product builder I had before you changed it? I would prefer to just hide reviews then to build it all over again.

The hide quantity code worked thank you kindly….

#389648 Copied

Luca Rossi

Support staff

April 2, 2024 at 11:01

Dear Jade,

We wish to inform you that the new Single Product Builder has been deactivated as per your request.

Kind regards,
The 8Theme Team

#389653 Copied

Jade

Participant

April 2, 2024 at 20:25

Hey,

So something happened when you guys switched to the new product builder. All of the settings that you guys set up for me are gone now. For instance the breadcrumbs header is displaying text which I had your team customize to turn that feature off.

Also, the single product page does not look like how I had it before. All of the customization that I had done is now gone. The top part where it shows the pages it went through to get to this category also doesn’t display like it did before.

#389735 Copied

Jade

Participant

April 2, 2024 at 20:28

The wording in the breadcrumbs title was customized to be removed.

The categories step by step sequence didn’t display like this. Right now it has this grey tint behind it. Before it had an all white background and the text was displayed in all black font.

Files is visible for topic creator and
support staff only.

#389736 Copied

Jade

Participant

April 2, 2024 at 20:43

Ok so I figured out I had to disable the pro elements for the configuration to go back.

However, there is still two features that didn’t go back to how we set it up before though.

1) It’s the alignment of the Shipping and Return. Before you guys had positioned it more to the left to be aligned with the price and add to cart button. Can you add the code or padding to make it look like before please.

2) The breadcrumbs header displays text and we had removed this to be blank instead.

Can you fix these two things please.

Files is visible for topic creator and
support staff only.

#389739 Copied
Luca Rossi

Support staff

April 3, 2024 at 07:26
Hi @Jade,

1. Please add the following CSS code under Theme Options > Theme Custom CSS > Global CSS:
```
.woocommerce-tabs.type-accordion .wc-tabs .et-woocommerce-tab a {
    padding-left: 0;
}
```
2. The breadcrumb can be disabled under Theme Options > Breadcrumb > select Disable:

https://prnt.sc/rGocj023xH0z

Kind regards,
The 8Theme Team
#389764 Copied
Jade

Participant

April 3, 2024 at 08:10

Hi,

So the alignment worked thank you for the code.

However, the breadcrumb disable feature did not work. As you can see in the pic the disable is turned on and I published the changes but the sequence is still displaying the in the breadcrumb header.

Files is visible for topic creator and
support staff only.

#389773 Copied

Luca Rossi

Support staff

April 3, 2024 at 08:56

Hi @Jade,

You’ve updated the wrong settings, we’ve already corrected it for you:

https://prnt.sc/elnwaAv_Lm4-

Can you check now?

Kind regards,
The 8Theme Team

#389786 Copied

Jade

Participant

April 3, 2024 at 09:03

Hi thank you but now the sequence of steps is missing?

Files is visible for topic creator and
support staff only.

#389790 Copied

Luca Rossi

Support staff

April 3, 2024 at 09:28

Hi @Jade,

We’ve enabled back the breadcrumb then we’ve edited directly the settings from Women’s Shop page > after that disable the breadcrumb:

https://prnt.sc/kOoF7nl7GNJb

Can you do the same with the other pages?

Kind regards,
The 8Theme Team

#389803 Copied

Jade

Participant

April 3, 2024 at 10:06

ok awesome that seemed to do it. While making the changes I noticed that my gift card still shows the quantity button? Do you know how to fix this?

Files is visible for topic creator and
support staff only.

#389812 Copied
Tagged: product builder breadcrumbs, single product builder, tabs issue fix, woocommerce issues, woocommerce wordpress solutions, wordpress templates
1 2

Viewing 20 results - 1 through 20 (of 27 total)

The issue related to '‘Single Product Builder Breadcrumbs title and Tabs Issue’' has been successfully resolved, and the topic is now closed for further responses

Single Product Builder Breadcrumbs title and Tabs Issue

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection