Return to previous page

Shop Page Pre Footer and Banner Problem - by HmirceaD

This topic has 21 replies, 3 voices, and was last updated 7 months ago ago by Rose Tyler

HmirceaD

Participant

September 27, 2023 at 11:03

Hello,

I have my shop page that contains my products and that contains my products and filters.

I have 2 things that I want to add however I couldn’t do it:

1. I want to add a full width section above the contents of the products and filters. I added a static block using “Use custom banner above breadcrumbs” and it works on the main shop page however it does not display on category pages:

Main Page: https://imgur.com/a/bonWJr2

Category Page: https://imgur.com/a/Dq3hePM

How can I make the banner displays on all the shop pages?

2. I tried to add a pre footer section to display under the products and filters however nothing happens. Screenshot:

https://imgur.com/a/LnEPM7O

I also want the pre footer to show on all shop pages.

Thanks!

Please, contact administrator
for this information.

#368678 Copied Theme version: 9.1.13

20 Answers

Tony Rodriguez

Support staff

September 27, 2023 at 11:58

Hello, @HmirceaD,

Thank you for choosing XStore as your WooCommerce WordPress theme.

1) If you are interested in displaying the same banner across all your shop/category pages, please follow these steps:

1. Go to XStore.
2. Select Theme Options.
3. Navigate to Woocommerce.
4. Choose Shop.
5. Click on Shop Page Layout.
6. Select Banner Content.
7. Paste the static block shortcode in the provided field.
8. Choose the Banner Position as ‘Above all the shop content’.
9. Click on ‘Publish’ to save your changes.

Please refer to the attached image for further clarification.
https://imgur.com/Rt6tBQh

Best Regards,
Team 8Theme

#368686 Copied

Tony Rodriguez

Support staff

September 27, 2023 at 12:27

Hello, @HmirceaD,

2) If you are interested in displaying the pre-footer and banner after the products on your shop/category pages, kindly follow these steps:

1. Navigate to your WordPress Dashboard.
2. Click on ‘Appearance’.
3. Select ‘Widget’.
4. Proceed to the ‘ Pre-footer area or After the product’.
5. Here, you will need to add the ‘8theme static block widget’.
6. Choose the block that best suits your needs.

Please refer to the attached images for further clarification.
https://imgur.com/CKN67bD

We trust that this will resolve your issue.

Best Regards,
The 8Theme Team

#368688 Copied

HmirceaD

Participant

September 27, 2023 at 13:39

Hey there Tony. Thanks for the reply

Number 1 works perfectly

For number 2 I followed your steps however the content is aligned only on the part of the page without the sidebar. Also Id like a way to make it full width and not boxed since a section has a background color

See screenshot: https://imgur.com/a/Rf4xz2W

#368701 Copied

Tony Rodriguez

Support staff

September 27, 2023 at 14:00

Hello, @HmirceaD,

We understand that you are interested in displaying the pre-footer as full-width on your shop/category pages. To achieve this, please follow the steps outlined below:

1. Access your WordPress Dashboard.
2. Select the ‘Appearance’ option.
3. Choose the ‘Widget’ option.
4. Navigate to the ‘Pre-footer’ area.
5. At this point, you will need to incorporate the ‘8theme static block widget’.
6. Select the block that is most appropriate for your requirements.

For a more detailed understanding, please refer to the images attached in the following links:

https://imgur.com/x3YBADe

https://imgur.com/vMtrYyp

We are confident that these instructions will effectively address your query.

Best Regards,
8Theme’s Team

#368704 Copied

HmirceaD

Participant

September 27, 2023 at 14:38

Hello Tony,

I followed your instructions however now the static block does not show at all on the shop page:

https://imgur.com/a/7EbNHRp

#368706 Copied

Tony Rodriguez

Support staff

September 28, 2023 at 05:43

Hello, @HmirceaD,

1) We have noticed that the footer you have designed using Elementor Pro appears to be overriding the default Footer widgets of the theme. This is likely due to Elementor Pro having a higher priority than the theme’s default widgets.

To display the Theme Footer Widgets, it is necessary to remove the condition of the Footer created using Elementor Pro. Once this is done, the theme’s default footer widgets will reappear. You will then need to recreate the footer using the theme’s default widgets on your site.

Please refer to the attached image for a visual representation of this change.
https://imgur.com/4LiRkvu

https://imgur.com/QctPgTP

https://imgur.com/d2jhonA

2) If you are interested in utilizing and displaying the pre-footer and footer under the Appearance > Widgets > Footer column, kindly ensure to first eliminate the footer condition labeled as “The Entire Site” in Elementor Pro.

Kindly proceed to the Appearance section, then select 8theme static block Widgets, followed by pre-Footer column and Footer column. Please adjust the static block as per your needs and verify the changes. For further assistance, you may refer to the following link: https://xstore.helpscoutdocs.com/article/48-widgets-custom-widget-areas

We trust this will address your concern.

We kindly request you to view the attached video for further information. https://www.youtube.com/watch?v=dedHEO443nE&t=1s

Should you have any questions or require further clarification, please do not hesitate to contact us.

Best Regards,
8Theme’s Team.

#368727 Copied

HmirceaD

Participant

September 28, 2023 at 07:18

Hello Tony thanks for the answer.

I also have another issue with full width content static blocks.

I created static blocks to display under the product meta section however I’d also like to make them full width since the background gets cut off for the boxed requirements:

Screenshot attached: https://imgur.com/a/ieczgAD

#368743 Copied

Rose Tyler

Support staff

September 28, 2023 at 07:45

Hello, @HmirceaD,

Thank you for getting in touch with us.

Edit the static block > settings of section > https://prnt.sc/6aHnMWAN2e0m

We hope this information is helpful.

Best Regards,
8Theme’s Team

#368746 Copied

HmirceaD

Participant

September 28, 2023 at 09:26

Hello Rose,

I set the container section to full width and also set the page’s settings to full width (in the static block) and I see no change.

#368760 Copied

Tony Rodriguez

Support staff

September 28, 2023 at 09:41

Hello, @HmirceaD,

We are pleased to inform you that the issue you reported has been successfully resolved. We kindly request you to revisit your site after clearing your browser cache.

To address the problem, we have activated the Full-width option located under Xstore > Theme Options > Woocommerce > Single product builder > Layout. This action has effectively resolved the issue at hand.

Please refer to the attached image for your reference.
https://imgur.com/IiZKmuS

Best Regards,
8Theme’s Team

#368763 Copied

HmirceaD

Participant

September 28, 2023 at 12:49

Thanks for the fix for the static block however the fix broke the main product section.

This section needs to be boxed: https://imgur.com/a/J8S7OQG

Could you please fix it? Thanks!

#368786 Copied

Rose Tyler

Support staff

September 29, 2023 at 08:34

Hello, @HmirceaD,

We’ve disabled the Full-width option via the Single Product builder.

Should you wish to have a single block in full width, we would advise you to reach out to Elementor’s support team for assistance. Regrettably, we do not have an immediate solution available from our theme’s perspective.

Best Regards,
8Theme’s Team

#368864 Copied

HmirceaD

Participant

October 6, 2023 at 05:56

Hey there Rose,

I understand no problem.

Is there a solution to make the shop pages full width but keep the content (product columns and filters) boxed to 1140px?

I am running into the same issue as with the product pages with the static blocks:

https://imgur.com/a/IzdvIfL

Thanks!

#369499 Copied

Rose Tyler

Support staff

October 6, 2023 at 09:00

Hello, @HmirceaD,

Thank you for your response.

Please try to change the Banner Position (Theme Options > WooCommerce > Shop > Shop Page Layout) to “Above all the shop content (full-width)”

Best Regards,
8Theme’s Team

#369527 Copied

HmirceaD

Participant

October 12, 2023 at 14:25

Thanks Rose, it worked well.

I have a question regarding the prefooter. Is there any way to make it not appear on product pages? Thanks!

#370002 Copied

Rose Tyler

Support staff

October 12, 2023 at 14:30

Hello, @HmirceaD,

Thank you for getting in touch with us.

Go to Pages in Dashboard > click on Shop > https://prnt.sc/bylEkIqRjvxD
https://xstore.helpscoutdocs.com/article/45-8theme-page-post-layout-settings-8theme-post-options

Best Regards,
8Theme’s Team

#370003 Copied

HmirceaD

Participant

October 12, 2023 at 14:49

Hello,

This will remove the prefooter from the shop page correct? I want the prefooter on the shop page, I just don’t want it to appear on the single product pages.

#370006 Copied
Rose Tyler

Support staff

October 12, 2023 at 15:01
Hello, @HmirceaD,

In this case, the next custom CSS code can be used:
```
.single-product .prefooter {
    display: none;
}
```
Best Regards,
8Theme’s Team
#370009 Copied
HmirceaD

Participant

October 13, 2023 at 12:34

Thanks Rose that worked fine.

I ran into an issue with the single product builder.

I added static blocks at the bottom of each product page with the additional custom block feature.

Here I added a section that contains a carousel that displays customer reviews (created with the testimonial carousel in elementor and each review is an elementor template).

The section shows fine on my home page, however on the product page it just displays the shortcode to the template:

Homepage: https://imgur.com/a/aBaiQKK

Product Page: https://imgur.com/a/oJMEagY

#370080 Copied
Tagged: banner problem solutions, effective wordpress solutions, fix woocommerce issues, reliable woocommerce templates, shop page pre footer, wordpress shop page customization, wordpress woocommerce templates
1 2

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