Return to previous page

Questions on the footer and header section based on X-Store

This topic has 14 replies, 2 voices, and was last updated 11 months, 1 weeks ago ago by Rose Tyler

GTP

Participant

December 17, 2023 at 08:54

Hi 8theme,

Hope you are doing well today!

Just have some questions in regards to the footers + headers based on X-Store.

1) Where we can make the header either sticky or fixed?
Can you perhaps share a screenshot where to locate this?

And if we have a header using lets say 3 sections, how can we choose to make which section be either sticky or fixed?

2) Where we can make the footer either sticky or fixed?

3) In regards to the text on the headers and footers. Many time we see on different demos on X-Store, once you hover them the words which are being hovered, they show an animation and sometimes things like being underlined.

Where can we find the place to set these parameters?

On this demo;
https://xstore.8theme.com/elementor/demos/niche-market02/

The footer sections words show an underline once hovered over. Is there various options on what can be done for this specific task?
Please also see the PCA for this.

4) Is there anyway which we can have a video/or image, being blended all the way to top, and below the menu elements?
Please also see the PCA for this.

5) Is there anyway to make the footer “SECTIONS” collapsible?

For example on this demo, if viewed from a mobile;

https://xstore.8theme.com/elementor/demos/niche-market02/

The sections appear as is, which makes the footer larger (when viewed on a mobile). Can we make the sections such as information, best deals, customer service, my account, categories, promotions collapsible?
Please also see the PCA for this.

6) Is there anyway to make the full bottom footer collapsible on both the PC and MOBILE view?

For example have text on the bottom which says “FOOTER” and once someone clicks the words, then it opens the footer versus the footer being opened all the time?

7) Can we add static blocks on the footer?

8) How can we add labels/badges after the words located on the menu/footers? For example if we have a item called “NEW PRODUCTS” located on the menu, how can we add the badge which says something like hot or new?

On the demo;

https://xstore.8theme.com/elementor/demos/niche-market02/

The word “SALE” has a label/badge after it.
Please also see the PCA for this.

Thanks for your help and advice!

Please, contact administrator
for this information.

#376906 Copied Theme version: 9.2.5

13 Answers
Rose Tyler

Support staff

December 18, 2023 at 10:12
Hello, GTP,

Thank you for contacting us and for using XStore.

We kindly request that you post your inquiries through separate threads – https://www.8theme.com/forums/xstore-wordpress-support-forum/ . This approach will facilitate our communication and allow various specialists to better focus on your needs.

1/ For configuring a Sticky header in the Header Builder, you may refer to this screenshot for guidance: https://prnt.sc/_BRvMT0C2ClO

2/ To adjust the Footer layout and enable the Sliding Effect, navigate to Theme Options > Footer.

3/ Custom CSS code was used on our demos, for example:
```
 .et-menu-list .subitem-title-holder a:before,.et-slider-button-underline-hover .slide-button:before,.banner-button-underline-hover .banner-button:before,.el-button-underline-hover .elementor-button-text:before {
                content: '';
                height: 2px;
                width: 0;
                right: 0;
                position: absolute;
                transition: width .2s ease-in-out;
                bottom: -4px;
                background: var(--et_active-color,currentColor)
            }
            .et-menu-list .subitem-title-holder a:before,.et-slider-button-underline-hover .slide-button:before {
                bottom: 0
            }
            .et-menu-list .subitem-title-holder a:hover:before,.et-slider-button-underline-hover .slide-button:hover:before,.banner-button-underline-hover .banner-button:hover:before,.el-button-underline-hover .elementor-button-text:hover:before {
                width: 100%;
                right: auto
            }
```
Please be aware that we cannot assume responsibility for external third-party sites.

4/ The Header overlap feature can be enabled through the Header Builder. For an example, please visit: https://xstore.8theme.com/elementor2/luxury-jewelry/

5/ Unfortunately, if the footer was created using a static block, the option you are inquiring about is not available.

Kind Regards,
8theme team
#376984 Copied
Rose Tyler

Support staff

December 18, 2023 at 10:21

Hello, GTP,

Thank you for getting in touch with us.

6/ Unfortunately, the option you are looking for is not available. However, we suggest utilizing the Toggle Text Element, which can be found here: https://xstore.8theme.com/elementor/demos/minimal-fashion02/toggle-text-element/ You may set a static block as its content, as illustrated in this screenshot: https://prnt.sc/oS5epnmo6ZAe.

7/ We have prepared a video tutorial to assist you further, which can be accessed via the following link: https://youtu.be/dedHEO443nE?feature=shared

8/ For additional clarity, please refer to the screenshot provided here: https://prnt.sc/wIYar53XfC4I

We trust that the information provided will be of significant assistance to you.

Kind Regards,
8theme team

#376986 Copied

GTP

Participant

December 19, 2023 at 11:02

Hello Rose,

Thanks for your reply.

* Please see PCA

1) Thanks for the screenshot! Is there anyway to make the top sale banner stick as well (the one which we have to add separately via the static block)?

2) Thank you, we did this but it looks odd. Please see PCA.

3) Was the code you provide to replicate the website we provided on the PCA? Or is this an example from a website on X-Store?

a) On various demos (on X-Store), the animation which is showing on different, in regards to the bottom footer.

Is there anyway which/where we can edit this animation feature (what happens after we hover over the words) etc.

b) On this demo; https://xstore.8theme.com/elementor2/industrial-power-tools/

The words have an arrow before, how can we add or edit the arrow to show something else?

4) Thank you for the demo! So we will just have to go on the header section and activate the button to make it “ON” in regards to the “HEADER OVERLAP”?

5) Thank you – just curious if we did not/do not use static block, would this be possible? And how can we create a footer without a static block (we are not aware of another alternative)?

And if if we wanted to use static block and also implement the feature, can we get this done in customization? We prefer using static blocks to create the footer and would like to have a collapsible feature.

6) Thank you for this alternative and screenshot!

a) If we wanted to have a footer where it was not open all the time, and required a button to open – would this require customization services?

b) We have added a method (which you provided screenshot) – Is there anyway to edit the button which says “SHOW MORE”? Please see PCA.

Can we use a button from these examples as they look much better; https://xstore.8theme.com/elementor/demos/minimal-fashion02/text-button-element/

c) Can we have the color for the top section one color and then when it opens the rest of the section another color? Perhaps via CSS code? Please see PCA.

d) If we wanted everything custom, can we get this done via the customization service section?

7) Thank you for the video link, sorry might have asked this by accident. We are aware on how to make the footers via static blocks.

8) Thank you for the screenshot!

a) Can this be added on anything in the footer/top header?

b) Can this also be added on text and other elements throughout the website?

c) Can we add other words instead of (HOT-NEW-SALE)?

d) Can we change the colors of the text/badge?

Thank you for the help, much appreciated 🙂

Please contact administrator
for this information.

#377110 Copied

Rose Tyler

Support staff

December 19, 2023 at 14:21

Hello, GTP,

1/ We currently do not offer the feature you are inquiring about as a default option. However, should you proceed with its creation, please provide us with the URL of your site. Upon receipt, we will review the possibilities and assist you with the necessary Custom CSS code.

2/ Theme Options > Styling/Colors > Container Background Color > White.

3/ The Custom CSS code you referenced originates from our XStore demo.
a – Custom CSS code only. We’ve created an example on your site in footer https://prnt.sc/czp6dD7_Ui_W > https://prnt.sc/6ZEyy6b3UP31
b – the icon can be changed as shown on this screenshot – https://prnt.sc/bkMSo0bnph_e

4/ Yes. Also, you will need to change the background color of the header area to Transparent. If you need the overlap effect for Home page only, use Multiple headers and create a custom header for the Front page https://youtu.be/BpeXfzNwkOc?feature=shared

We appreciate your attention to these details and are here to provide further assistance as needed.

Kind Regards,
8theme team

#377148 Copied

Rose Tyler

Support staff

December 19, 2023 at 14:39

Hello, GTP,

6/ a – yes.
b- Certainly, we would like to direct your attention to the following screenshots for your perusal: https://prnt.sc/95VnrCqtTe0G https://prnt.sc/MnNEKaDl3IBC
c – How do you set the current color?
Sorry, but it requests additional customization.

8/ a – Could you please provide an example for clarification?
b – This can be achieved through custom CSS code or by means of further customization.
c- Unfortunately, there is no default option available for this; however, it can be implemented with custom CSS code or additional customization.
d – The solution would involve custom CSS code.

Kind Regards,
8theme team

#377150 Copied

GTP

Participant

December 23, 2023 at 08:44

Hi Rose,

Thanks for your reply & hope you are doing well.

1) Thank you – sorry might have confused you earlier.

This is in regards to the static block which we can add and it shows the “SALE UPTP 50″ OFF” details.
Screenshot = https://prnt.sc/IryN_3Z7MC4v

We were wondering if we can make this “sticky” as well.

2) Oh great! thanks for the steps. Just wondering what it was before? (to avoid this on future websites)

3) – Oh okay, so adding this, we will get the same animation. Let’s say if we just add the bottom footer (from that demo) by copying it from the X-Studio, will the animation also work automatically?

b) Thanks!

c) Oh okay, understood – cool feature. Can we add gifs on this as well?

4) Thanks for the details on the background color and the video which is very helpful!

5) + 6)

Okay understood.
In regards to the footer; To get the exact things we need, we would need extra customization?
We will ask this on the customization panel since we require more things in regards to the footer.

8)

a) In regards to the badges (such as the “NEW” badge), can we add these on the bottom footer sections/labels as well?

Screenshot = https://prnt.sc/b8ivBSvUonkQ

b) + c) + d)

Thanks for confirming, so if we wish to get custom badges with custom words/colors – we will need customization?

Thanks for your help and clarification 🙂

#377511 Copied

Rose Tyler

Support staff

December 25, 2023 at 11:31

Hello, GTP,

Thank you for choosing XStore as your WooCommerce WordPress theme.

1/ We understand your request. Our response if the same – please provide us with a link to your website where you have added the relevant content. This will allow us to review it and determine if the desired effect can be achieved.

2/ By default, the color in question is not selected, which means it appeared transparent to you. Therefore, you will need to change the color to white as we have previously described.

3a/ Yes, it is supposed to work in that manner.

3c/ Unfortunately, GIFs cannot be added in the way you have described.

5) + 6) Regarding the footer, additional customization will be necessary.

8/ For the menu list elements, they were utilized as shown here: https://prnt.sc/b8ivBSvUonkQ. Consequently, badges can be added via settings as illustrated here: https://prnt.sc/d2veKGSqB0CX. Please note that custom badges will require further customization.

Kind Regards,
8theme team

#377594 Copied

GTP

Participant

December 28, 2023 at 14:17

Hi Rose,

Thanks for you reply and hope you are doing great today!

1) Please see PCA.

2) Thanks for the clarification. So the background color should be WHITE?
In terms of – Theme Options > Styling/Colors > Container Background Color > Whit

3)

a) Thanks for confirming, we will see all demos and if we like anything specific just copy that in terms of animation preferences.
And if we want something else, we can use Custom CSS code for specific animations?

c) Can that be done if we use customization services? or maybe Lotti animations? (not sure if that is the right term)

5) + 6) – Thanks for confirming – we will get this done via Customization services.

8) Oh okay, understood. So they can be added via the label and if we require something specific, they can be done via Customization services?

Appreciate the feedback and help 🙂

Please contact administrator
for this information.

#377930 Copied

Rose Tyler

Support staff

December 28, 2023 at 16:13

Hello, GTP,

You’re welcome! We hope you are doing great today too!

1/ We kindly request that you navigate to the “Theme Options” and proceed to “Global Sections” to review the example we have meticulously prepared for you https://prnt.sc/VBSSm2uZtiLA . This example is designed to serve as a substitute for the “Header banner” and “Top panel widget” areas. Please note, however, that the functionality to render this section “sticky” is not available without engaging in further customization, which unfortunately falls beyond the purview of our standard support services.

2/ Yes.

3a/ Yes.

3c/ We advise you to reach out directly to the customization team for inquiries related to this matter. They are best equipped to provide you with the necessary guidance and support.

5-6/ You’re welcome!

8/ Yes.

Kind Regards,
8theme team

#377954 Copied

GTP

Participant

January 9, 2024 at 17:45

Hi Rose,

Thanks for your reply;

1) Thank you – but is there anyway to make the “header banner” which we can add – to be sticky?

Header banner meaning, which is available on the widgets section, where we can make a static block and then assign it to show on the header area.

Screenshot = https://prnt.sc/MiOCm9uOUQkO

“Sale up to 50%”

3) Thanks! We will ask this on customization.

—— *****

1) Can we add videos on the footer section?

2) Can something like this?
Please see PCA

Thanks!

Please contact administrator
for this information.

#379362 Copied

Rose Tyler

Support staff

January 10, 2024 at 13:18

Hello, GTP,

1/ We regret to inform you that the option you are inquiring about is not available. We recommend reaching out to our customization service team for further assistance.

4/ Please note that the footer content was designed using Elementor. You have the option to incorporate a video element within Elementor for your desired outcome.

5/ Regarding the menu-badge number in your example, we must inform you that this feature is not included by default in XStore.

We appreciate your understanding and are here to assist you with any further questions you may have.

Kind Regards,
8theme team

#379492 Copied

GTP

Participant

January 11, 2024 at 16:59

Hi Rose,

Thanks for your response;

1) Sure, will do that.

4) Perfect, we will see what we can add in terms of videos.

5) Okay, we will try to ask this on customization services.
Just wondering if this feature is called “menu badge number”?

Thanks for your help and have a wonderful day ahead!

#379623 Copied

Rose Tyler

Support staff

January 11, 2024 at 17:50

Hello, GTP,

5/ Here is a screenshot from the website that you referenced in our previous communication: https://prnt.sc/NwG7NWm5BV6_

Best wishes to you as well.

Kind Regards,
8theme team

#379634 Copied
Tagged: footer/header questions, woocommerce templates, woocommerce x-store tips, wordpress customization, wordpress x-store help, x-store woocommerce guide, x-store wordpress
Viewing 14 results - 1 through 14 (of 14 total)