Return to previous page

How to edit specific elements on the X-Store demo

This topic has 6 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

GTP

Participant

December 1, 2023 at 15:32

Hello 8theme team,

In regards to the element(s)

1) Scroll Progress Element

https://xstore.8theme.com/elementor/demos/minimal-fashion02/scroll-progress-element/

a) Can we edit this in terms of the thickness of the bar and the color inside?
b) Can we remove the animation?
c) Can we move this to the top of the website versus bottom?

2) Linear Progress Bar

https://xstore.8theme.com/elementor/demos/minimal-fashion02/linear-progress-bar/

a) Is there anyway to edit the animation on the “Linear Progress Bar Animated”?

3) AJAX Search Element

https://xstore.8theme.com/elementor/demos/minimal-fashion02/ajax-search-element/

a) Can we use the search bar for pages that are setup as dictionaries/knowledge bases and glossaries? Or is this specifically just for products?

Thanks ??

#375425 Copied Theme version: 9.2.3

5 Answers

Tony Rodriguez

Support staff

December 2, 2023 at 11:46

Hello, @GTP,

1. We are pleased to inform you that the XStore widget “Scroll Progress” can be seamlessly integrated into any page when utilizing well-known Page Builders such as Elementor and WP-Bakery.

To begin, simply add the Scroll Progress Widget to your desired page.
Within the content settings of the Scroll Progress, you are afforded the option to either enable or disable the load animation as per your preference.

Additionally, the General settings section allows you to customize the color of the Scroll Progress Bar to suit your design needs.

Positioning the Scroll Progress Bar is made convenient through the use of the Elementor container, which can be placed at any location on the page where you wish to feature the Scroll Progress Bar.

For your convenience, we have provided images for further clarification at the following links:
– https://ibb.co/tDybNB8
– https://ibb.co/12swZdB

2. Regarding the modification of the “Linear Progress Bar” animation, we can confirm that adjustments can be made in accordance with your initial request.

Please consult the image at the link below for additional guidance:
– https://ibb.co/TcFpFJS

3. Furthermore, we would like to confirm that the search bar functionality is not exclusively limited to products. It can indeed be utilized for pages configured as dictionaries, knowledge bases, and glossaries.

An illustrative image can be found at the following link for your reference:
– https://ibb.co/LrgBt0p

Should you require any further information or assistance, we encourage you to reach out to us. Our commitment to providing exceptional support remains steadfast.

Warm regards,
The 8Theme Team

#375480 Copied

GTP

Participant

December 4, 2023 at 04:50

Hi Tony,

1) Thank you!

Just to ask, we can make the bar a little less smaller/thinner using the “Height” section on the Style -> General section?

2) Thank you!

Thanks for including the images for these.

3) That is great! Is there anyway to remove the block that says “All categories” on the search bar (to the left)?

Appreciate your help.
Thanks ??

#375533 Copied

Tony Rodriguez

Support staff

December 4, 2023 at 10:07

Hello, @GTP,

Thank you for your response.

1) To increase the thickness of the bar, you may adjust the ‘Height’ parameter found within the ‘Style -> General’ settings. For a comprehensive visual instruction, please visit the following URL:
https://ibb.co/bzRsLgr

2) You are most welcome! Should you have any further inquiries or require additional assistance, please do not hesitate to contact us. We are at your service.

3) We appreciate you getting in touch with us. To remove the “All categories” block, simply deactivate the “Show Categories” feature in the General settings of the Ajax Search. For step-by-step visual guidance, the following link has been provided for your convenience:
https://ibb.co/bRPqwjd

Should you have any more questions or need further assistance, please feel free to reach out.

Yours sincerely,
The 8Themes Team

#375572 Copied

GTP

Participant

December 4, 2023 at 15:15

Hi Tony,

Thank you!

Just 2 more questions if you don’t mind in regards to the “SCROLL PROGRESS ELEMENT”

https://xstore.8theme.com/elementor/demos/minimal-fashion02/scroll-progress-element/

1) Change we change the position of the scroll progress element from the bottom of the page, to the top?

2) We added the element on a page, but it does not show on the bottom like on the demo above. It is appearing as the last “element” on the page (above the footer section)

– Website is on PCA

Thanks ??

Please contact administrator
for this information.

#375632 Copied

Tony Rodriguez

Support staff

December 5, 2023 at 06:57

Hello, @GTP,

Greetings from the 8Themes Team.

1. We would like to inform you that the positioning of the “Progress Bar” XStore widget can be customized to suit your preferences. You have the option to set it as Top Fixed, Bottom Fixed, or to integrate it within the Current Flow of your webpage. When utilizing the Current Flow configuration, you are afforded the flexibility to place the progress bar in your desired location by selecting the appropriate container section and positioning it accordingly.

For a comprehensive visual instruction on how to adjust these settings, we kindly direct you to the instructional video links provided below:

– [Video Guide 1](https://ibb.co/r4gbK5h)
– [Video Guide 2](https://ibb.co/PmdTncc)

2. Furthermore, by opting for the Bottom Fixed or Top Fixed positions, you can emulate the appearance of the “Progress Bar” as demonstrated in the sample we have shared with you.

Should you require any further assistance or have additional inquiries, please feel free to contact us at your earliest convenience. We are here to support you.

Yours sincerely,
The 8Themes Team

#375681 Copied
Tagged: customizing x-store, woocommerce templates, woocommerce x-store tutorial, wordpress elements editing, wordpress woocommerce guide, x-store demo editing, x-store element customization
Viewing 6 results - 1 through 6 (of 6 total)