Tony Rodriguez

Hello, @Sun,

Thank you for your response.

1/ We are pleased to inform you that the technical issue affecting your website has been successfully resolved. To ensure that the changes are reflected on your end, we kindly ask that you clear your browser’s cache before revisiting your site.

Our team has deactivated the weLaunch Framework plugin, which has addressed the problem where the building blocks within the header builder appeared white.

For your convenience, we have provided a reference image to illustrate the resolved issue: https://ibb.co/x8M3YxL

2/ We have conducted a thorough review of your website and are pleased to inform you that we have not identified any issues. However, we have noticed that the zoom functionality for product images on the single product page is currently disabled. For your convenience, we have provided a reference image which can be viewed at the following link: https://ibb.co/3sgwXhn

Additionally, It appears that you are using two lightboxes simultaneously, namely the lightbox from 8Theme’s theme and the lightbox from Elementor.

Unfortunately, it is not possible to use both of them at the same time.

To enable/disable the Lightbox for “Xstore” you can go to
Theme options -> WooCommerce (Shop) -> Single product builder -> Gallery -> Lightbox
https://gyazo.com/0d6e8fbcda83a9e806c13879fd123e00

To enable or disable the Lightbox for Elementor, you can go to the home page and click “Edit with Elementor” and follow the instructions in the video.
https://gyazo.com/71d3dbe2b1caeb6fcbda1290194dfc9c

Thank you for your understanding.

Should you require any further assistance or have additional questions, please do not hesitate to reach out to us.

Best Regards,
The 8Theme Team

Hello, @Mathew,

I hope this message finds you well.

1/ We would like to provide you with instructions to remove the “Posted by …” text from the single post page on your website. Kindly follow the steps outlined below:

1. Navigate to the “Xstore” section in your website’s dashboard.
2. Proceed to “Theme Options.”
3. Click on “Theme Custom CSS.”
4. Select the “Global CSS” tab.
5. Copy and paste the following CSS code into the provided area:

.single-post .meta-post time.entry-date.published.updated {
visibility: visible !important;
}
.single-post .meta-post {
visibility: hidden !important;
}

2/ We would like to provide you with the necessary steps to remove the “Tags” section from the bottom of the single post page on your website. Please follow the instructions below:

1. Navigate to the “Xstore” section in your website’s dashboard.
2. Proceed to “Theme Options” and then select “Theme Custom CSS.”
3. Click on “Global CSS.”
4. Copy the following CSS code and paste it into the provided area:

.single-post .single-tags {
display: none !important;
}

3/ We would like to guide you through the process of increasing the margin between the white title box and the text of your blog post. To achieve this, kindly follow the steps outlined below:

1. Navigate to the “Xstore” section in your website’s dashboard.
2. Proceed to “Theme Options” and then select “Theme Custom CSS”.
3. Click on “Global CSS”.
4. Copy the following CSS code and paste it into the provided area:

.single-post .post-heading {
margin-bottom: 20px !important;
}

4/ We would like to inform you of a necessary adjustment to enhance the appearance of the blog post titles on the mobile version of your website. To achieve the desired padding above the blog post title, please follow the instructions below:

1. Navigate to the “Xstore” section in your website’s admin panel.
2. Proceed to “Theme Options” and then select “Theme Custom CSS.”
3. Click on “Global CSS.”
4. Copy and paste the following CSS code into the provided area:

@media(max-width:991px) {
.single-post .post-heading {
padding-top: 20px !important;
}
}

4-A/ We would like to guide you through the process of altering the color of the “scroll to top” icon and its border on your website. Kindly follow the steps outlined below:

1. Please navigate to the “Xstore” section of your dashboard.
2. Proceed to “Theme Options.”
3. Select “Theme Custom CSS.”
4. Click on “Global CSS.”

Once there, copy and paste the following CSS code:

.back-top svg path {
stroke: red !important;
}
.back-top span.et-icon.et-right-arrow-2::before {
color: red !important;
}

After applying the code, revisit your site to view the changes.

Please note that the color ‘red’ in the provided code is merely an example. You are free to replace it with any color of your choice to suit your design preferences.

4-B/ Should you wish to disable the Previous/Next Product navigation feature, kindly proceed to the following location within your dashboard: Xstore > Theme Options > WooCommerce > Single Product Builder. Once there, you can deactivate the Prev/Next Navigation by toggling it to the OFF position.

Furthermore, if you are interested in altering the color of this navigation, please copy the CSS code provided below and insert it into the designated area at Xstore > Theme Options > Theme Custom CSS > Global CSS. You may then adjust the color within the code to suit your preferences.

.single-product .posts-nav-btn .post-nav-arrow {
background-color: red !important;
}

4-C/ To address your request regarding the removal of the “Continue reading” link from your blog posts, kindly follow the steps outlined below:

1. Access the Xstore section.
2. Proceed to Theme Options.
3. Select Blog.
4. Navigate to Blog Layout.
5. Locate the “Type Of ‘Read More’ Link” setting.
6. Set this option to “Disable.”

Implementing these changes should effectively resolve the issue you are experiencing.

After completing these steps, please clear your browser’s cache and revisit your site to see the changes.

Should you require any further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Hello, @Sun,

We hope this message finds you well.

1/ We would like to provide you with guidance on how to remove the burger menu from the Header Main specifically for desktop view. Kindly follow the steps outlined below:

1. Access your website’s dashboard.
2. Proceed to ‘XStore’ followed by ‘Theme Options’.
3. Select ‘Header builder’.
4. Click on the ‘Desktop’ tab.
5. Locate and remove the mobile menu widget from the header.
6. Ensure to save your changes by clicking ‘Publish’.

For your convenience, we have prepared a video tutorial to assist you with this process. Please view the video at the following link: https://streamable.com/x5mq4b

2/ We are currently experiencing difficulties accessing the backend of your website through the provided link: https://ibb.co/6NSjtXV. To proceed with our support and assistance, we kindly request that you share the correct and functional WordPress admin login credentials.

For security purposes, please ensure that you submit these details within the private content area designated for such sensitive information.

3/ Should you desire to alter the placeholder text within the header search bar, we kindly ask that you follow the steps outlined below:

1. Access the ‘XStore’ section.
2. Proceed to ‘Theme Options’.
3. Enter the ‘Header builder’.
4. Select ‘Search’.
5. Here, you will have the opportunity to modify or input new placeholder text according to your preferences.
6. Once completed, please ensure to save your changes by clicking ‘Publish’.

For your convenience, we have provided a visual guide to assist you with this process. You may view the image by following this link: https://ibb.co/k6JPwqk

Should you require any further assistance, please do not hesitate to reach out to us.

Warm regards,
The 8Theme Team.

Hello, @Dagne,

Thank you so much for purchasing our theme and contacting our support center.

In our commitment to assist you in attaining the outcome you seek, we have prepared a detailed instructional video. This resource has been hosted on our test site for your convenience.

We kindly request that you view the video at your earliest convenience and adhere to the step-by-step guidance provided therein. https://streamable.com/cqdr5n

Should you have any questions or require further assistance, please do not hesitate to reach out to us.

We hope you find this video to be a valuable tool in achieving your objectives.

Warm regards,
The 8Theme Team

Hello, @sophie,

These settings for images come from WooCommerce plugin, not from our theme, you will get the same result on the Shop page even after activating another theme, not XStore.
We would recommend you use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery, or you can use the Crop option 1:1.

If our recommendation doesn’t solve your request, we would recommend you contact support of WooCommerce – https://wordpress.org/support/plugin/woocommerce/
We hope this information is helpful.

Kind Regards,
8theme team

Hello, @WeronikaC,

Thank you for using our theme and for contacting us.

To address the concern you have encountered, we kindly request that you refer to and adhere to the instructions provided in the official documentation for the Elementor plugin. The relevant guide can be found at the following link: https://elementor.com/help/the-content-area-was-not-found-error/

We are optimistic that the steps outlined will effectively resolve the issue at hand. Should you require further assistance, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

Hello, @selectanow,

Thank you so much for purchasing our theme and contacting our support center.

We would appreciate it if you could create temporary wp-admin access and FTP access share the details via the private content area. This will allow us to review your settings and better understand the issue at hand and help you install the XStore theme.

We kindly recommend that you take a complete backup of your site before proceeding.

To create FTP access (FTP host, FTP username, FTP password, FTP port, FTP encryption) , please contact your hosting provider for assistance.

Thank you for your cooperation and we look forward to hearing from you soon.

Best regards,
The 8Theme Team

Hello, @lew-shop,

Thank you for using our theme and for contacting us.

Website speed depends on various factors that we do not control. What we can do is share the links that can help you with speed optimization: https://www.8theme.com/documentation/xstore/troubleshooting/how-to-speed-up-my-website/

Every additional plugin slows down the site a bit, so we would recommend you disable unrequired plugins.

We are writing to address the issue you have been experiencing with your website’s slow loading speed. After conducting a speed test on your website via GTmetrix, we have found that the performance is suboptimal. You may review the results at the following link:
https://gtmetrix.com/reports/swiat-zosi.pl/utiSa9ax/

We recommend that you review the suggestions provided by GTMetrix in the Top Issues list, accessible here: https://imgur.com/sxq8kgZ & https://imgur.com/RakOLdv

About your results on gtmetrix results:

-Reduce initial server response time https://gtmetrix.com/reduce-initial-server-response-time.html

– Avoid enormous network payloads – https://gtmetrix.com/avoid-enormous-network-payloads.html

-Avoid long main-thread tasks https://gtmetrix.com/avoid-long-main-thread-tasks.html

-Avoid chaining critical requests https://gtmetrix.com/avoid-chaining-critical-requests.html

-–Avoid an excessive DOM size – read these posts about DOM https://docs.wp-rocket.me/article/1412-avoid-an-excessive-dom-size
https://isotropic.co/avoid-an-excessive-dom-size-on-your-wordpress-website/
Edit your page and Product elements. It should reduce the DOM structure. Also, you may try to reduce the DOM results on the page by reducing the number of sections of the page/elements in the footer or header;

– Use any a Content Delivery Network (CDN), it can give an equally fast web experience to your users across the globe. We use CDN on our demos.

For further guidance on how to improve your website’s speed, we invite you to review our theme documentation. The following links provide detailed information on this topic:

1. https://www.8theme.com/documentation/xstore/theme-installation/main-theme-options/
2. https://www.8theme.com/documentation/xstore/troubleshooting/how-to-improve-wp-rocket-settings-with-xstore/

Lazy load:Lazy loading is a technique used to optimize web page performance by delaying the loading of certain elements until they are actually needed. It’s commonly used for images and other media to improve page load times.

For visual reference from your site : https://imgur.com/a/AO5ETbi

For a comprehensive understanding of the specific issues that may be affecting your website’s speed, we suggest conducting a website speed test with GTMetrix. This tool can provide you with actionable recommendations to further enhance your website’s performance.

We trust that you will find this information useful in improving your website’s performance.

We trust that this guidance will be of assistance to you. Should you require any further support, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

Hello, @Mazzellla,

We would like to express our gratitude for your recent purchase of our theme and for reaching out to us with your query.

We are pleased to inform you that our theme does indeed include the functionality for ‘next’ and ‘previous’ navigation. This feature can be toggled ON or OFF through the theme options provided. Should you wish to customize the style further, it would require the implementation of Custom CSS code.

We appreciate your understanding and are here to assist should you have any further questions or require additional support.

Best Regards,
The 8Theme Team

Hello, @Telmo Baldaia,

Thank you for your response

We would like to draw your attention to our previous discussion regarding the following webpage: https://xstore.8theme.com/elementor/demos/niche-market02/track-order/

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

Warm regards,
The 8Theme Team

Hello, @smalameri,

Thank you for your response.

1/ Should you be interested in modifying the design of the related products displayed on the single product page, we kindly ask you to proceed as follows:

1. Access the ‘XStore’ section.
2. Navigate to ‘Theme Options’.
3. Select ‘WooCommerce’.
4. Click on ‘Single Product Builder’.
5. Locate ‘Related Product’.
6. Explore all the available options and configure them according to your preferences.
7. Ensure to save your changes by clicking ‘Publish’.

For your convenience, we have included an image to serve as a visual guide. https://ibb.co/54PWCd1

2/ We would like to provide you with guidance on aligning related products on your single product page. Kindly follow the steps outlined below:

1. Navigate to the “XStore” section in your website’s dashboard.
2. Proceed to “Theme Options.”
3. Locate the “Theme Custom CSS” section.
4. Select the “Global CSS” tab.
5. Copy the CSS code provided below and paste it into the designated area.

/*Products allignment */
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}
.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
    margin-left: auto;
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}
.content-product .product-image-wrapper {
    margin-bottom: 10px;
}
.products-grid .product-excerpt {
    min-height: 42px;
}

/* Poravnava product carousel */
.elementor-widget-etheme_product_carousel .swiper-container {
    display: flex;
    align-items: stretch;
}
.elementor-widget-etheme_product_carousel .swiper-slide  .product {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.elementor-widget-etheme_product_carousel .swiper-slide .etheme-product-grid-content {
    align-self: flex-end;
}

/* Home page sliders*/
.products-slider .content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.products-slider.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.products-slider .swiper-wrapper {
    height: auto;
}

/* Related products on single product page*/
.elementor-widget-etheme_product_grid .etheme-product-grid-item {
    display: flex;
    flex-wrap: wrap;
}

By implementing the above CSS code, you should be able to achieve the desired alignment for the related products on your single product page.

The result should look like this: https://ibb.co/MfrpPgX

We hope this information is helpful.

Warm regards,
The 8Theme’s Team

Hello, @Focu5,

Thank you for contacting us and for using XStore.

To modify the color of the variation swatches on the single product page, we kindly ask you to implement the following CSS code. Please navigate to XStore > Theme Options > Theme Custom CSS > Global CSS in your website’s admin panel and paste the code provided below:

.single-product form.variations_form.cart li.type-label.selected span {
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
}

.single-product form.variations_form.cart li.type-label:hover span {
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
}

Should you wish to customize the color further, feel free to adjust the hexadecimal color values in the code to suit your preferences.

The result should look like this: https://pasteboard.co/8nvETXdMBtaX.png

We appreciate your attention to this matter and are here to assist should you have any questions or require further guidance.

Best Regards,
The 8Theme Team

Hello, @smalameri,

Thank you for using our theme and for contacting us.

The Related Products section on your product page is designed to automatically pull products from your store that share the same tags or categories as the current product. Unfortunately, these products cannot be explicitly specified in the administration; instead, they are influenced by grouping similar products in the same category or utilizing the same tags.

The “Related Products” section on your product page is designed to automatically pull products from your store that share similar tags or categories with the current product. Unfortunately, these specific products cannot be manually specified in the administration panel.

To influence the related products displayed, you can consider the following options:

a)Categories: Ensure that the products you want to appear together in the “Related Products” section belong to the same category. Grouping similar products in the same category can help improve the relevance of the suggestions.

b)Tags: Utilize product tags to create associations between items. Products with common tags are more likely to be displayed together in the “Related Products” section.

Moreover, please note that the linked products you’ve mentioned, such as Cross Sell or Up Sell products and related products, have different features. The Cross Sell element on the Single product page can be used to showcase linked products, providing a more tailored display.

For a visual guide, please refer to the attached image: https://imgur.com/a/3eoURgy and https://imgur.com/TMSzi5T

For a detailed guide on managing Related Products, Cross Sells, and Up Sells, please refer to our Documentation attached in the provided link: https://woo.com/document/related-products-up-sells-and-cross-sells/

We hope this information is helpful.

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,
The 8Theme Team

Hello, @Julian,

Thank you for your response.

1/ We are writing to inform you that We have attempted to access your website from Pakistan and encountered an issue with the WP-admin credentials provided. It appears that the login details are incorrect, as evidenced by the screenshot attached for your reference: https://prnt.sc/4J5tyuG8ORb0

To proceed with the necessary checks and provide you with the assistance you require, We kindly request that you furnish us with valid WP-admin login information.

2/ We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/ ), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team.

Hello, @CM,

Thank you so much for purchasing our theme and contacting our support center.

1/ We understand that you would like to hide the variation swatches on your website in various sections, including the product category page, homepage.

To achieve this, kindly navigate to XStore > Theme Options, then proceed to WooCommerce, followed by Shop elements. From there, access Variation swatches, select Positions, and choose the “Disable” option. https://imgur.com/TyubMEo

2/ Should you prefer to deactivate the ‘Add to Compare’ button within the Quick View off-canvas feature, kindly proceed as follows:

1. Access your dashboard and go to ‘XStore’ followed by ‘Theme Options’.
2. Navigate to the ‘WooCommerce’ section and select ‘Shop Elements’.
3. Click on ‘Quick View’ and proceed to ‘Elements’.
4. Here, you will find the option to deselect the ‘Add to Compare’ element.
5. Ensure to save your changes by clicking ‘Publish’.

For your convenience, we have provided an image below to assist you with the process:
https://imgur.com/CoOsRD9

We trust this information will be of assistance to you.

3/ Should you desire to configure the layout of your product category page to mirror the contained appearance of your homepage, we kindly invite you to utilize the XStore Builder’s Product Archive Builder. This tool is designed to facilitate the customization of your layout to meet your specific requirements.

For detailed instructions on how to proceed, please refer to our comprehensive guide available at the following link: [XStore Products Archive Builder with Elementor] https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/

Once you have crafted your layout, you may set the necessary conditions and proceed to publish it.

For visual assistance, we have provided reference images which can be viewed at the links below:
https://ibb.co/qdZjP0j
https://ibb.co/19zz2gk

We hope you find this information beneficial. Should you require any further assistance, please do not hesitate to reach out to us.

Warm regards,
The 8Theme Team