Are these certain elements avaialble on X-Store?

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

  • Avatar: GTP
    GTP
    Participant
    November 30, 2023 at 15:10

    Hi 8theme team,

    We found some elements which we are trying to replicate on X-Store but cannot find them. Can you please confirm if these are available on X-Store?
    And if not can we request them on the taskboard or get them via the customized service panel?

    1) Carousels of different items such as banners and icons/text

    2) Tables

    3) Infobox

    4) Pricing tables

    5) Portfolio elements

    6) Image gallery

    7) Videos (something like the background video on the PCA)

    8) Accordions

    9) Product widgets

    10) Animated counters

    11) Marquee movements

    12) Button with popups

    13) Section dividers

    14) Gradients

    15) Product categories in different styles

    16) Brand elements

    Please, contact administrator
    for this information.
    25 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 1, 2023 at 10:43

    Hello, GTP,

    Thank you for contacting us and for using XStore.

    1/ Here are examples – https://xstore.8theme.com/elementor/demos/minimal-fashion02/media-carousel-element/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/products-element/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/slides-element/

    2/ We don’t have a special element to create such tables. So, the workaround could be:
    – Using custom HTML block with custom HTML structure + custom CSS to implement that or use
    – Use Elementor https://xstore.8theme.com/elementor/demos/organic01/delivery-price/ https://gyazo.com/d25ef2451a10045ec22c0b30451d2e0c

    3/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/icon-box-element/

    4/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/price-table-element/

    5/ https://xstore.8theme.com/portfolio/ – [portfolio] shortcode.

    6/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/gallery-element/

    7/ https://elementor.com/help/section-background-video-options/

    8/ https://elementor.com/help/accordion-widget/

    9/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/product-list-element/

    10/ https://elementor.com/help/counter-widget/

    11/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/marquees-element/

    12/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/modal-popup/

    13/ https://elementor.com/help/shape-divider/

    14/ https://elementor.com/help/gradient-background/

    15/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/product-categories-element/

    16/ Brands Carousel element is available.

    You can post your requests on https://www.8theme.com/taskboard/ or contact Customization Service – https://www.8theme.com/account/#etheme_customization_panel

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 4, 2023 at 05:33

    Hi Rose,

    Thank you very much for the reply.

    1) Great!
    Just curious if there is anyway we can make something similar to the “INFOBOX CAROUSEL” on the demo provided? (basically just add the content onto a carousel type element)

    2) Thanks!
    We will see alternatives and maybe request this on the taskboard/custom requests.

    3) Thanks!

    4) Thanks!

    5) Thanks!

    6) Thanks!

    7) Thanks!

    8) Thanks!
    Just wondering if X-Store has an element for this?

    9) Thanks!
    To add these on the footer, we can just add them on the static block for the footer?

    10) Thanks!
    Just wondering if X-Store has an element for this?

    11) Thanks!
    Just wondering if there is anyway to make it similar to the ones on the demo? (versus the current ones which move on a scroll movement – have them move by themselves when a page is loaded)

    12) Thanks!

    13) Thanks!
    Just wondering if X-Store has an element for this?

    14) Thanks!
    Just wondering if X-Store has an element for this?

    15) Thanks!

    16) Thanks!
    And if we want to have just a block/grid, we can just add the images and link them to the specific brand page?

    And

    If you go on the demo and the section of: BRANDS GRID – SIMPLE HOVER

    Is there anyway we can have the logos as “black” colored and once someone hovers over them; they show their “colors” (sorry, not sure what this would be called)

    Thanks Rose for all the links, we did not know about the page:

    https://xstore.8theme.com/elementor/demos/minimal-fashion02/design-elements/

    a) If we would like to recommend anything we see on other demos/themes/competitors – can we recommend this to the taskboard? We see lots of things on other websites/competitor themes which are unique, and adding them on X-Store would be great!

    b) Some links on the bottom of the page:

    https://xstore.8theme.com/elementor/demos/minimal-fashion02/design-elements/

    – Are not working (specifically “Team member” and everything after it) there is no way to click them and see them in “action” like the other ones above.

    Is there anyway to view those elements (not sure if they are not clickable by accident, but just wanted to let you know! :))

    Thanks! ??

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2023 at 09:49

    Hello, GTP,

    We appreciate your prompt response.

    1/ You can try to use our Slides element – https://xstore.8theme.com/elementor/demos/minimal-fashion02/slides-element/

    8, 10, 13, 14/ XStore is fully compatible with Elementior, so there were no needs to create our elements.

    9/ Yes.

    11/ Autoplay option is available – https://prnt.sc/P0umRgydu_7e

    16/ Yes, you can – https://prnt.sc/Nl2uHvZoCXzs

    “Is there anyway we can have the logos as “black” colored and once someone hovers over them; they show their “colors” (sorry, not sure what this would be called)” – this can be achieved using custom CSS code.

    “we did not know about the page: https://xstore.8theme.com/elementor/demos/minimal-fashion02/design-elements/” – we provided this page to you a few times, for example – https://prnt.sc/v2QSw0PyexaL

    17/ Yes, please use Taskboard. Thank you in advance.

    18/ Pages for some elements were not created, yet. You can test elements on your site while editing the page using Elementor.

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 4, 2023 at 15:46

    Hi Rose,

    Thanks for your reply.

    1) Thank you – we have used something similar on the backend called “carousel anything”

    8) + 10) + 13) + 14) + 9) – Understood!

    11) Thanks!

    a) Do you know how we can make the spaces between the images “less” to show the logos not have that much white space in-between them?

    b) Is there anyway we can replicate the “MARQUEE AS BACKGROUND” style on X-Store?

    16) Thanks!

    17) Thank you, we will do that.

    18) Thanks!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 4, 2023 at 15:50

    Hello, GTP,

    11a and b) Could you provide temporary wp-admin access?

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 4, 2023 at 16:01

    Hi Rose,

    Sure (on PCA)

    Thanks for your help!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 5, 2023 at 11:05

    Hello, GTP,

    We appreciate your prompt response.

    Private content

    Kind Regards,
    8theme team

    Please contact administrator
    for this information.
    Avatar: GTP
    GTP
    Participant
    December 7, 2023 at 20:40

    Hello Rose,

    Thanks for your reply!

    1) For the image/space between them
    – Understood, thanks!

    2) Appearing below the content
    – Great, just wondering if we can have plain text (not a logo) and make it larger in font size and make the transparency less so it looks “faded” in the background?

    Something similar like on the website on the PCA?

    Also – how can we bring up that navigator section which is showing on the screenshot which was provided?

    Thanks! ??

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 8, 2023 at 08:50

    Hello, GTP,

    We appreciate your prompt response.

    Private Content.

    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.

    Kind Regards,
    8theme team

    Please contact administrator
    for this information.
    Avatar: GTP
    GTP
    Participant
    December 9, 2023 at 21:33

    Hi Rose,

    Thanks for your reply.

    2) Thanks! Looks just like the one on the competitor theme.
    3) Thanks for pointing that section out!

    4) Just wondering if there is a way to show a fading in and fading out effect so the logos which come in and go out look as a faded transition?

    5) Would this element/feature be considered a marquee element?

    5) Can we place text over a colored background such as on this website? and insert some sort of line dividers between the texts?

    Thanks for your advise! ??

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 11, 2023 at 10:58

    Hello, GTP,

    We appreciate your prompt response.

    4/ Custom CSS code can be used, for example:

    .etheme-marquee {
        -webkit-mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
        mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
    }

    5/ We would like to inform you that the element referenced in your example is not present within our theme.

    6/ We have prepared a video demonstration for your convenience – https://we.tl/t-l7eVM3vyFR

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 12, 2023 at 03:51

    Hi Rose,

    4) That is great!

    – Just wondering that if we can adjust it so that we can choose one specific (a certain) marquee element to have that “faded” / “transition” feature versus them all having this feature?

    5) No problem & thanks for confirming, will ask this on customization services!

    6) Thank you, we have tested the steps and replicated one perfectly.

    Much appreciated! ??

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 12, 2023 at 08:02

    Hello, GTP,

    We appreciate your prompt response.

    4/ It is indeed possible to apply the code to a selected element. To do so, please insert the code within the settings of the specific element with selector, for example – https://prnt.sc/GdfGVsZ8qRPA

    selector .etheme-marquee {
         -webkit-mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
        mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
    }

    5, 6/ You’re welcome!

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 13, 2023 at 13:57

    Hi Rose,

    4) Thanks, did not know we could add this there. We added it previously on the section which controls the full websites CSS.

    We were also wondering that if we can input elements/blocks and make that into a marquee type section? For example add testimonial blocks and then have that “move” like the marquee element does with just images/text.

    Appreciate the quick reply and CSS code as well!

    —————————————————————-
    —————————————————————-

    1) Can you also let us know if there is an element which replicates a feature on the 8theme support page?

    It is when you hover over an image/icon/text and it shows other information in the way of a popup.

    2) Where can we add/edit the loading screen animation? Many websites have a icon show up such as a clock to resemble “waiting” so customers know that the website is loading. Trying to find that on X-Store.

    3) We are not sure what this is called, but it is when you click the text on a website and it takes you to the section on that specific page.

    For example if you have a glossary on your website and if you click the text “z” it takes you to the bottom of the page (automatically scrolls for you) versus for the user scrolling manually.

    4) Is there any element/block on X-Store which can mimic something similar to the blocks on this website? PCA

    5) Can we have the timeline element appear as a moving marquee? PCA

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 17, 2023 at 14:24

    Hello, GTP,

    4/ Do you mean the autoplay option https://prnt.sc/auhfAaguWOtP ? If so, we kindly ask that you test this feature to see if it meets your requirements.

    1/ The element you have inquired about is a bespoke development, created exclusively for the 8theme website. It is not available as a standard feature.

    For your reference, please examine the following example from our XStore demo: – https://xstore.8theme.com/elementor/demos/minimal-fashion02/hotspot-element/

    2/ To access the site preloader settings, please navigate to: Theme Options > General > Site Preloader.

    3/ For assistance with Elementor-related issues, we advise reaching out directly to Elementor’s support team for expert guidance.

    4/ You may find the flipbox element of interest, which is showcased in our demo here: https://xstore.8theme.com/elementor/demos/minimal-fashion02/flipbox-element/

    5/ Unfortunately, the option you are looking for does not exist. You can view an example of the available element here:
    https://xstore.8theme.com/elementor/demos/minimal-fashion02/horizontal-timeline-element/

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

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 19, 2023 at 09:56

    Hello Rose,

    Thank you very much for your reply and hope you are doing great.

    4) Thank you!

    ———

    1) Oh okay, very cool feature. Would be great to include it on the standard websites (the ones we purchase). Can we request this on the taskboard?

    2) Thank you, is there anything that comes between the general and site preloader?
    We are on theme options -> general -> but cannot find the site preloader option.

    3) Do you perhaps know on what this would be called by any chance?

    4) Great, thanks for the link. And if we want to replicate the one on the website (get the EXACT one), we would need customization services we are guessing?

    5) Thank you, we will try to find a way to replicate this.

    6) Do you know on how we can stop revisions on X-Store? Many static blocks are saving revisions which take up space on the server. This is happening on the blocks, posts, pages etc.

    Thank Rose, much appreciated!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 19, 2023 at 11:15

    Hello, GTP,

    You’re welcome!

    1/ Yes, please – https://www.8theme.com/taskboard/

    2/ We kindly ask you to view this brief instructional video: https://gyazo.com/4595f8e7bfe18679fd9da830a3322939

    3/ We suggest that you reach out to the Elementor support team for further assistance.

    4/ Yes.

    6/ Please note that our theme does not provide settings for this particular feature. We recommend that you contact the support teams of Elementor and possibly WordPress for more guidance.

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 19, 2023 at 11:32

    Hi Rose,

    Thanks for the reply.

    1) Thank you – will do!

    2) Thank you for the video!
    We see we can add GIFS for this.

    a) Can we add a video maybe? Or do most websites just have GIF’s/Images?

    b) Can we adjust the background color, we are guessing the default color will be a white background.

    3) Thank you we will try to research about this.
    Please see PCA.

    4) Thanks, we will ask it on the customization service panel.

    6) Thank you we will try to research about this.

    7) Is this possible to add on X-Store?
    Please see PCA.

    Or would the pre-loader also look something similar to this?

    8) Can you please provide the link to the element which we can show the previous image/new image (not sure the exact name) but it can be used for things such as showing dirty water and then clean water – and then the viewer can use the button to see what they both would look like. We saw this on a demo but cannot find it and also do not remember the name.

    9) Is there any element you have, in which you hover over words/click it and it opens a window with information? Something similar to in when you click the “get in touch” link when you would click it on this demo;

    https://xstore.8theme.com/elementor2/industrial-power-tools/product/fast-charge-screwdriver-accessories/

    Thanks for your help as always!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 19, 2023 at 13:36

    Hello, GTP,

    Thank you for getting in touch with us.

    2a) These formats can be used – https://prnt.sc/Jh-3nptjWskr
    2b) Custom CSS code can be used:

    body>.et-loader {
        background-color: rgba(217,241,225,0.7);
    }

    3) anchor https://elementor.com/help/create-anchor-links/https://elementor.com/help/menu-anchor-widget/

    7) We do not have this feature, unfortunately. Maybe Elementor plugin support will be able to assist you.

    8) https://xstore.8theme.com/elementor/demos/minimal-fashion02/image-comparison-element/

    9) https://xstore.8theme.com/elementor/demos/minimal-fashion02/modal-popup/ https://xstore.8theme.com/elementor/demos/minimal-fashion02/hotspot-element/

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

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 23, 2023 at 08:23

    Hi Rose,

    Appreciate your reply and hope you are doing well!

    2.

    a) Oh okay, thank you for clarifying.

    b) Thanks for the code! And lets say if we want to add an image, is there alternative code for that?
    In terms of having the whole loading screen to being just an image.

    3) Great, appreciate that very much – we will see how we can add that.

    7) Thanks – will do! It looks like a flip book animation.

    8) Thanks, really cool!

    9) Thank you – the modal popup element is very helpful and a great option available on X-Store.

    —-****

    1) Is there any element which is resembles a “comparison table” type element on X-Store?

    2) Is there any way we can replicate this feature? When you click a box – it opens more options etc.

    Please see PCA.

    3) Can we have a main menu type element in the middle of a page?

    In which it shows links and then has drop down menu?

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

    For example, show the lower menu section (as on the demo above), but just on the middle of a page.

    4) Is there any option in regards to the marquee element and logo carousel which we can set the options of;

    a) hovering over the logo (which is black/grey) and once you hover over it – it shows the logos color?

    b) hovering over the logo (which is colored) and once you hover over it – it shows the logo as black/grey?

    Please see PCA.

    Appreciate your replies!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 25, 2023 at 10:17

    Hello, GTP,

    You’re welcome!

    2b) https://www.w3schools.com/cssref/pr_background-image.php

    1/ We kindly ask you to review the available settings within the Theme Options under WooCommerce > Compare to ensure they meet your requirements.

    2/ For guidance on using the Accordion widget, please refer to the following resource: https://elementor.com/help/accordion-widget/

    3/ Edit page using Elementor > search for menu element > test if it suits your needs https://prnt.sc/LQqojCtBl6GO

    4/ To achieve the specific styling you desire, you may employ custom CSS code. Here is an example that you might find useful: https://prnt.sc/VLIsTixRP3ZG

    selector img:hover {
        -webkit-filter: grayscale(100%);
    }

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    December 28, 2023 at 14:54

    Hi Rose,

    Thanks for your replies.

    2b) Thank you for the link. If we want to add the image and set it on the X-Store backend, can you please let us know where we can achieve this? Maybe a screenshot?

    And for the code, is there anywhere specific where we would add it? In terms of;

    body {
    background-image: url(“paper.gif”);
    background-color: #cccccc;
    }

    ——-

    1) Sorry, we might have been confusing in the first post about this – we were asking if there is any element on X-Store which we can use to make a comparison table.
    Somewhere where we can make charts and tables basically.

    Or would this require a 3rd party plugin?

    2) Thank you – and if we want to have it appear in a specific shape/size, it would require customization services?

    3) Oh cool, thanks for the link and screenshot – very helpful!

    4) Hi Rose,

    Thanks for the code!
    So this would turn colored images/logos to grey colored.

    And if we wish to make grey colored images show into as colored, is there any custom code for that?

    Thanks for your help and have a wonderful day!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 28, 2023 at 15:58

    Hello, GTP,

    You’re welcome!

    2b) To upload an image to your website, please navigate to the Dashboard, then proceed to the Media Library section.

    url in the code should be the path to your image from the library, for example – https://prnt.sc/Hf3DFKVyOC9y

    Should you require the code to be applicable across all pages on your site, you may insert it by going to Theme Options, selecting Theme Custom CSS, and then placing it in the Global section.

    1/ There are no charts and tables elements in our theme, but you can read some articles online about how to achieve the desired result with Elementor, for example – https://elementor.com/blog/tablepress/

    2/ yes.

    3/ You’re welcome!

    4/ We regret to inform you that we do not have the code or option you are inquiring about within our offerings. We encourage you to explore online resources, as they may provide the solution you are seeking.

    Kind Regards,
    8theme team

    Avatar: GTP
    GTP
    Participant
    January 9, 2024 at 17:30

    Hi Rose,

    Thanks for the reply

    2a) Can we add videos if we ask for this in customization services maybe?

    2b) Thanks! – which part of the code will we replace should we want a color such as this hex code; #E14220

    3) + 7) + 8) Thanks!

    9) Is there anything we can have by just hovering over certain things and then it opens up the modal popup?
    Hovering over it versus clicking basically.

    Or will this require customization work?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 10, 2024 at 10:15

    Hello, GTP,

    2a/ We kindly request that you direct your inquiry to our customization services team for a more specialized response.

    2b/ https://www.w3schools.com/cssref/pr_background-color.php

    3) + 7) + 8) You’re welcome!

    9/ This requires customization work.

    Kind Regards,
    8theme team

  • Viewing 26 results - 1 through 26 (of 26 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.