Unable to use Live Paste from XStore, also Layout Question

This topic has 28 replies, 3 voices, and was last updated 2 months, 3 weeks ago ago by Luca Rossi

  • Avatar: Mankanwar
    Mankanwar
    Participant
    June 22, 2024 at 19:45

    Hello,

    I would like to get the live paste function working as I am trying to copy this slides container from XStore (photo in private content) . Please let me know how the live copy function works.

    ALSO, The layout of elementor is like this (photo in private content), but I want it to display the full website layout during the editing page (photo in private content). How can I get the complete website width to display while editing with elementor xstore theme?

    Please, contact administrator
    for this information.
    27 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 23, 2024 at 07:17

    Hello Mankanwar,

    1/ Thank you for reaching out to us. We understand that you are experiencing an issue with the “Live Paste” feature.

    We would like to inform you that we are currently experiencing a technical issue with the live copy feature on our server. We are diligently working to resolve this matter within the next month. Alternatively, should we be unable to rectify the issue in a timely manner, we may consider discontinuing the feature altogether.

    In the interim, we kindly request that you download the necessary files for certain elements from the following link: https://we.tl/t-YoUtoxQ998 . Upon successful download, please proceed to edit a page using the Elementor tool and import the templates to your website as per the instructions available at https://elementor.com/help/template-library/.

    We apologize for any inconvenience this may have caused and sincerely hope for your understanding as we work to improve our services.

    2/ Please change the size of the browser window or zoom – https://prnt.sc/bJW0jumajXu2

    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.

    Best Regards,
    8Theme’s Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    June 25, 2024 at 17:33

    Hello,

    Thanks for your reply. How can I change the size for these images in the Products Carousel element? I would like to make these images landscape (custom ratio). Please let me know how to do this.

    Thanks.

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 25, 2024 at 17:59

    Hello Mankanwar,

    By default, there is no such option.
    Could you describe the desired result in more detail?

    Best Regards,
    8Theme’s Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    June 25, 2024 at 18:39

    This is the desired result. Instead of having images in a square, I would like to have landscape ratio images (16:9 or something like that). Note the red squares (which is the desired result) and the product title and price shifts up close to the pictures.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    June 26, 2024 at 08:18

    Hi @Mankanwar,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .etheme-product-grid-image {
        max-height: 200px;
    }
    

    https://prnt.sc/pl3NpJLNBSG5

    Best Regards,
    8Theme’s Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    July 15, 2024 at 04:43

    Hello,

    Thank you for your reply. I am facing another issue, with the “Xstore Products Grid” widget. I have attached images below.

    IMG 1 is how the products grid widget looks when I publish the page from elementor (IMG 2). Please note that these 8 products are the only ones displayed (Setting is to display all products). None others are loaded until I press “APPLY” button from the filters section.

    After I press APPLY, all other products load and are shown in IMG 3. Please note, the elements in the red box also appear after I click APPLY (red arrow).
    When this happens, the URL also changes from “https://website.com/buy” TO “https://website.com/contacts?product_cat=&min_price=0&max_price=5800000&filter_color=&query_type_color=and&rating_filter=”

    The page looks different in elementor, some elements are missing when the page is published.

    Please help and let us know what is the problem, and how to fix it. Thanks for your help!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 15, 2024 at 06:45

    Hi @Mankanwar,

    Thank you for reaching out to us with your query.

    Please provide temporary wp-admin.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Best Regards,
    8Theme’s Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    July 15, 2024 at 23:15

    I have attached the credentials and the page. Please let us know what the issue was and how you fixed it. I have two different widgets and trying to get them to work, but unable to. Please delete whichever does not work.

    ALSO, can you please check the single product builder template? We are using an auction plugin, and simple widgets like “Place Bid” button (which is just the add to cart) do not show on the published page, but they are present in Elementor editor. I request you to please fix that issue also since you have the login access.

    Thanks.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 17, 2024 at 05:52

    Dear @Mankanwar,

    We hope this message finds you well.

    We would like to provide you with some information on how the Product Filter element functions. Upon clicking the apply button, the system will redirect you to the shop page, where it will display all the available products that match your selected filter criteria. For your reference, we have attached an example site for you to review.

    Regarding the auction plugin, please be advised that any issues related to third-party plugins should be directed to the respective plugin’s author. These issues are beyond the scope of our standard support services.

    Thank you for your understanding.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Mankanwar
    Mankanwar
    Participant
    July 20, 2024 at 18:30

    Thank you for your reply.

    I fixed the above issue. But in the same product builder element, I want to have a landscape image and added custom CSS provided by you. However, on hover the picture changes its size and looks weird. Please let me now how to fix this? See attached pics.

    Also, how can we edit the black hover menu with the 3 buttons? I would like to add corner radius and change padding.

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 21, 2024 at 06:44

    Hi @Mankanwar,

    I fixed the above issue. But in the same product builder element, I want to have a landscape image and added custom CSS provided by you. However, on hover the picture changes its size and looks weird. Please let me now how to fix this? See attached pics.

    We couldn’t see the issue. This is how it looks on our end: https://www.awesomescreenshot.com/video/29742936?key=4f0f200c9aa43bf9e12a1a8deed0395c

    Also, how can we edit the black hover menu with the 3 buttons? I would like to add corner radius and change padding.

    The padding you can change under Edit Mobile Menu > Off Canvas/Dropdown: https://tinyurl.com/2c6e9zub

    And here is the custom CSS for border-radius:

    
    .elementor-widget-theme-etheme_mobile_menu .etheme-elementor-off-canvas__main {
        border-radius: 25px;
    }
    

    Best Regards,
    The 8Theme Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    July 22, 2024 at 16:46

    We couldn’t see the issue. This is how it looks on our end: https://www.awesomescreenshot.com/video/29742936?key=4f0f200c9aa43bf9e12a1a8deed0395c

    That is the incorrect page. Please visit the link provided below.
    We are using the Product Builder widget, and it does not show image properly on hover.

    Thank you for custom CSS and border radius, however it does not work. I want to change the Black Menu (with 3 options) that appears on hover, on the link given above.

    Thanks for your help!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 23, 2024 at 04:46

    Hi @Mankanwar,

    That is the incorrect page. Please visit the link provided below.
    We are using the Product Builder widget, and it does not show image properly on hover.

    Please add this custom CSS:

    
    body .etheme-product-grid-image img {
        width: 100%;
        height: auto;
    }
    

    Thank you for custom CSS and border radius, however it does not work. I want to change the Black Menu (with 3 options) that appears on hover, on the link given above.

    Please provide a screenshot what you want to achieve.

    Thank you!

    Avatar: Mankanwar
    Mankanwar
    Participant
    July 27, 2024 at 22:00

    Hello,

    Thanks for your help. I have another issue – please visit LINK 1 attached.

    You will see I am using XStore Add to Cart / Buy Now button towards the right side (see attached screenshot). How can I edit this “Add to Cart / Buy Now Button” button? I would like to edit the colors, remove some elements and move some around.

    Please help. Thanks.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 29, 2024 at 05:27

    Dear Mankanwar,

    We hope this message finds you well. We regret to inform you that the screenshot you recently forwarded did not come through successfully. To assist you more effectively, could you kindly resend it at your earliest convenience?

    Thank you for your cooperation.

    Best Regards,
    8Theme’s Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    July 30, 2024 at 03:19

    Sorry for the issue, please find widget inside red box in screenshot attached

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 30, 2024 at 04:48

    Hi @Mankanwar,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    /* price bid */
    .woocommerce .quantity #uwa_bid_value.qty {
        background-color: transparent;
        border: 1px solid #0d3b66;
    }
    /* bid button */
    form#uwa_auction_form button#placebidbutton {
        background-color: #0d3b66;
    }
    
    /* buy now button */
    form.buy-now.cart button.et-single-buy-now {
        background-color: #0d3b66 !important;
    }
    

    Hope it helps!

    Avatar: Mankanwar
    Mankanwar
    Participant
    July 30, 2024 at 21:25

    Thanks for the support. I think this will be helpful in changing the appearance of the button, but how can I change the location? For example if I want custom bid button stretched, and bid now button below it? This is just an example, I would like to know how I can edit the location of these buttons?

    Also, what if I want to remove some widgets from this? Like if I want to remove the time remaining widget and display it elsewhere, how can I do that? Please let me know how you found the CSS code variable for each button, so that I can also do some things myself and not trouble you so much ??

    I also cannot see the widget during edit mode in elementor, I only see it when I publish the webpage and refresh page. Any help on this? (see attached screenshot)

    I am very thankful for all your support and help!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    July 31, 2024 at 06:46

    Dear Mankanwar,

    We hope this message finds you well. I would like to inform you that the bid form is automatically generated by a third-party plugin, which unfortunately means we do not have control over its location. However, we can assist you in styling it by applying custom CSS.

    For guidance on how to identify the correct CSS class of elements, please refer to the following tutorial: [Grabbing CSS Selectors from Your Browser](https://support.helpdocs.io/article/eh3pzxNwYf-grabbing-css-selectors-from-your-browser#:~:text=want%20to%20target%3F-,Simply%20right%20click%20and%20click%20Inspect%20Element.,CSS%20selectors%20for%20that%20element.)

    Should you require further assistance, please do not hesitate to contact us.

    Best regards,
    The 8Theme Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    August 4, 2024 at 21:02

    Thank you for your support!

    I have this header which is optimized for desktop. I want to adjust the spacing, buttons etc on it’s Mobile version. How can I do this?

    For example, the search bar you see in the attached screenshot (desktop), on the Mobile version I only want to see the blue search button. How can I change this?
    You can see how the buttons disappear, how do I make them appear? Is this a spacing issue?

    Thanks.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    August 5, 2024 at 12:22

    Dear Mankanwar,

    We recommend creating a new container that incorporates the logo, search function, and mobile element. This container should be configured to display exclusively on mobile devices.

    For your reference, please view the layout here: [https://prnt.sc/2pBd9JUO0TKp](https://prnt.sc/2pBd9JUO0TKp)

    Best regards,
    The 8Theme Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    August 7, 2024 at 00:55

    Thanks for your reply. I have this page, link attached below. I am unable to edit this page “with elementor”. I would like to edit this “posts” page to show all posts, change the layout and add some headings etc, but I cannot do that. The page is added as “posts page” on wordpress settings, as you can see in attached screenshots.

    Also, I have 2 posts on my website currently. Their URL is “website.com/post-title”. I would like to edit this to “website.com/posts/post-title” so that there is a main page (posts) which then nests further into individual posts. How can I edit the URL of all posts to show like this?

    Please help me.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    August 7, 2024 at 10:19

    Dear Mankanwar,

    We hope this message finds you well. I would like to provide you with guidance on managing your posts page and permalink settings effectively.

    1. **Editing with Elementor**: If your posts page is currently set as a blog page, it will not be editable using Elementor. To proceed with editing using Elementor, please first navigate to **Settings > Reading** and remove the current setting. You can refer to this screenshot for guidance: [https://prnt.sc/32tz_WYDje0N](https://prnt.sc/32tz_WYDje0N). Once this adjustment is made, you should be able to edit the page with Elementor and subsequently add the posts element as needed.

    2. **Updating Permalink Settings**: To include ‘posts’ in your post permalinks, please go to **Settings > Permalink > Custom Structure** and insert the following structure: /posts/%postname%/. For your reference, here is a screenshot that outlines these steps: [https://prnt.sc/JqJsDHQit_Bd](https://prnt.sc/JqJsDHQit_Bd).

    Should you require any further assistance or have additional questions, please do not hesitate to contact us. We are here to help.

    Best Regards,

    The 8Theme Team

    Avatar: Mankanwar
    Mankanwar
    Participant
    August 26, 2024 at 15:32

    Hello again,

    I am trying to set up the product page as shown in the screenshots, but I am unable to. I want to reduce the height of the column on the right so that the total height of both columns is the same.

    Is there a way for the column on the right to have a MORE option for all photos? I tried to search for a MAX height option but did not find. Hope from my screenshots the type of layout I want is clear.

    Also, how can I add a table like attached using wordpress widgets? They will use the product data.

    Thanks!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    August 27, 2024 at 15:42

    Hi @Mankanwar,

    This is how it looks on our end: https://prnt.sc/m4p4ceoMMFyo

    Did you sort it out?

    Best Regards,
    The 8Theme Team.

    Avatar: Mankanwar
    Mankanwar
    Participant
    August 27, 2024 at 21:24

    Hello,

    Yes, I tried to fix it by giving the right column CSS max-height: 299px, but it looks different on your screen because it is a larger screen. Is there a way for me to define this maximum height that can adapt to all screen sizes?

    Also, please let me know how I can add a table like feature, as shown in the screenshot.

    One more thing, I am using the sticky feature to keep product name and short description visible at all times, but if you scroll down on the page and click on the Header’s hamburger menu, the sticky section is above the hamburger menu, which should not be the case. How can I fix this? Screenshots attached. Hope the issue is clear.

    Please help me on these 3 things. Thank you for your help!

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    August 29, 2024 at 10:50

    Hi @Mankanwar,

    Yes, I tried to fix it by giving the right column CSS max-height: 299px, but it looks different on your screen because it is a larger screen. Is there a way for me to define this maximum height that can adapt to all screen sizes?

    The best way is set the max-height for the right column then add a scrollbar also:

    https://prnt.sc/-GYgYiQbH1PF

    
        max-height: 622px;
        overflow-y: scroll;
    

    Also, please let me know how I can add a table like feature, as shown in the screenshot.

    This plugin can help to achieve that: https://wordpress.org/plugins/tablepress/

    One more thing, I am using the sticky feature to keep product name and short description visible at all times, but if you scroll down on the page and click on the Header’s hamburger menu, the sticky section is above the hamburger menu, which should not be the case. How can I fix this? Screenshots attached. Hope the issue is clear.

    Please set the z-index of that sticky section to 1: https://prnt.sc/_KaNjnzTOFW5

    Best Regards,
    The 8Theme Team.

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

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

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