Tony Rodriguez

Hello, @Adrian Popa,

Thank you for using our theme and for contacting us.

To address your concern, we kindly suggest that you disable the Masonry option. You can do this by navigating to XStore > Theme Options > WooCommerce > Shop > Shop page Layout. Please refer to the attached image for guidance.https://imgur.com/BsCfdCt

Please proceed by copying and pasting the subsequent CSS code into the designated location: Xstore > Theme Options > Theme Custom CSS > Global CSS. Once completed, ensure to publish it.

.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;
}

Best Regards,
8Theme’s Team

Hello, @ahmed kamal,

We would be grateful if you could kindly leave a 5-star rating for our theme and customer and technical support on ThemeForest at http://themeforest.net/downloads. Doing so would help us to provide more updates and dedicated support in the future. Your support would be greatly appreciated.

Thank you for your time. We hope you have a wonderful day.

Please note that for any new issues, you should create a new ticket on the support forum.

This topic is now closed.

Warm regards,
8Theme’s Team

Hello, @ecommercedev,

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

Yes, it is indeed possible to modify the gallery layout in the Single Product Page without the necessity of enabling the Single Product Builder.

To do this, you need to choose the layout of the single product page by navigating to XStore > Theme Options > Woocommerce > Single Product Page > Layout > Select Layout. Choose the layout that best suits your needs and then publish it.

Please refer to the attached image for further clarification.
https://imgur.com/4Ffq4jl

Best Regards,
8Theme’s Team

Hello, @Hakan Osman,

1) To address your concern, kindly follow these steps:

a. Go to Appearance > Widgets > Pre Footer area.
b. Find the static block element.
c. You can now add or remove it from the widget area.

For your guidance, we have attached an image: https://imgur.com/TkYMikr.

Additionally, you can modify the specific block under the WordPress-Dashboard >> Static Block according to your needs. Here is a reference image for your convenience: https://imgur.com/AgHPAzm.

2) To disable the breadcrumbs on your website, kindly follow these steps:

1. Go to Xstore.
2. Select Theme Options.
3. Click on Breadcrumbs.
4. Set the style to disable.

For your convenience, we have provided a screenshot illustrating these steps: https://postimg.cc/jw82y6wV

Best Regards,
8Theme’s Team

Hello, @Hakan Osman,

Thank you for choosing XStore as your WooCommerce WordPress theme.

1) To modify the title of your account, kindly follow these steps:

1. Go to XStore.
2. Select Theme Options.
3. Proceed to Header Builder.
4. Click on Account.
5. Select My account text.
6. Input the desired text as per your requirement.
7. Finally, publish your changes.

Please refer to the attached image for further clarification. https://imgur.com/SPyChCU

2) To translate the ‘My Account’ page, kindly navigate to Loco Translate > Plugins > XStore Core Plugin and XStore Theme. Here, you can edit the translation of the core plugin and XStore theme, translating all necessary strings from the frontend.

For further assistance, please refer to our theme documentation at the following link: https://www.8theme.com/documentation/xstore/theme-translation/translation-files-update/

Best Regards,
Team 8Theme.

Hello, @GTP,

Yes, it’s possible to make the content on your website load one by one using Elementor, a popular WordPress page builder plugin. You can achieve this effect by adding animations to individual elements on your page. Here’s a step-by-step guide on how to do it:

Install and Activate Elementor:
If you haven’t already, install and activate the Elementor plugin on your WordPress website.

Create or Edit a Page:
Go to the page you want to edit with Elementor or create a new page.

Add Content Elements:
Use Elementor to add the content elements you want on your page. You can add headings, text, images, buttons, or any other elements you need.

Set Animation for Each Element:
Once you’ve added your elements, select an element you want to animate. In the left panel, you’ll see the “Advanced” section. Click on it to expand it.

Add Animation:
Under the “Motion Effects” section, you can choose an animation type for the selected element. Elementor provides various animation options like fade, zoom, slide, rotate, etc. Select the animation that suits your needs.

Adjust Animation Settings:
After selecting the animation type, you can further customize it. You can set the animation duration, delay (to control when it starts), and even the starting point (e.g., top, bottom, left, right).

Repeat for Other Elements:
Repeat the process for each element you want to animate. You can have different animations for different elements, and you can control the order in which they load by setting different delay times.

Preview and Save:
Before saving your changes, you can preview the page to see how the animations work. Adjust the animation settings as needed to achieve the desired loading sequence.

Save and Publish:
Once you are satisfied with the animations, click the “Update” or “Publish” button to save your changes and make them live on your website.

By following these steps, you can make the content on your website load one by one with animations applied to each element. This creates a visually appealing and engaging user experience. Remember to use animations wisely and don’t overdo it, as too many animations can make your website feel cluttered and distracting.

Best Regards,
8Theme’s Team.

Hello, @GTP,

We regret to inform you that the functionality you are seeking is not available in our theme. We recommend exploring third-party plugins from the WordPress market that may better suit your needs. However, we must caution you that the use of these plugins is at your own risk.

We appreciate your understanding in this matter.

Best Regards,
8Theme’s Team

Hello, @ijlal,

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

1) Please navigate to Xstore > Theme Options > Speed optimization > Menu Dropdown Ajax Loading, Menu Dropdown Cache, Menu Cache, Static Blocks Cache and Remove Query Strings From Static Resources > Off.

Activate the mentioned options once all changes to the site will be done.

2) Please go to Elementor > Tools > Regenerate CSS & Data.

3) If the changes you make in the Customizer are not reflected on the page, it is likely a caching issue. If the changes are visible in the Customizer, they should also be visible on the front end.

We recommend that you temporarily disable any CDN caching and cache plugins, clear your browser cache, and then check again.

Best Regards,
8Theme’s Team.

Hello, @GTP,

We regret to inform you that the section you requested is currently unavailable for import in the Xstudio library.

As a workaround, we have imported the same demo on our test site and exported that section using the Elementor ‘Save as Template’ feature.

We have uploaded the exported file in the private content area for your convenience. We kindly request you to download it.

Once downloaded, you can import it to any page on your site. To do this, edit the page with the Elementor page builder, click on the upward arrow next to the update button, and then upload and import the section to your site page.

For further clarification, please refer to the attached screenshot: https://postimg.cc/yDfqx4N0

Best Regards,
8Theme’s Team

Hello, @karan,

Thank you for using our theme and for contacting us.

Should you desire to eliminate the ‘scroll back to top’ button on your website, kindly proceed to XStore > Theme Options > Footer > Back To Top Button > Turn It OFF and then click on ‘Publish’.

Please refer to the attached image for further clarification.
https://imgur.com/AogUAHx

We trust this will rectify your concern.

Best Regards,
Team 8Theme

Hello, @GTP,

We regret to inform you that it is not possible to achieve your desired outcome with the current version of the theme. Item support does not include services to modify or extend the item beyond the original features, style, and functionality described on the item page.

If you would like to pursue paid customization services, we recommend submitting a customization request to the Codeable team via their website: https://www.codeable.io/?ref=qGTdX

Alternatively, you can post your request on our Taskboard at https://www.8theme.com/taskboard/. If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

Best Regards,
8Theme’s Team

Hello, @KASAM,

We appreciate your cooperation in providing the necessary information. We have successfully imported the demo on our test site and exported the single product builder layout for your convenience.

Please proceed to download the single-product.json file located in the private content area. Following this, you can import it on your site by navigating through Xstore >> Theme Options >> WooCommerce >> Single Product Builder >> Import/Export.

Best Regards,
8Theme’s Team

Hello, @GTP,

Thank you for choosing XStore as your WooCommerce WordPress theme.

We are writing to provide you with instructions on how to set the main menu Border Color (Hover, Active) in the header. Please follow the steps below:

1. Navigate to XStore.
2. Select Theme Options.
3. Proceed to Header builder.
4. Choose Main menu.
5. Scroll down until you find the Border Color (Hover, Active) option.
6. Select the color as per your preference.
7. Click on ‘Publish’ to save the changes.

Please refer to the attached image for a visual guide on how to perform these steps. https://imgur.com/oIKPWMR

We trust that these instructions will be of assistance to you. Should you require further help, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

Hello, @Inesita,

We appreciate your recent communication and the provision of your login details.

We are pleased to inform you that the issue you reported has been successfully resolved. We kindly request you revisit your site after clearing your browser cache.

To address your concern, we have incorporated the 8theme Active Product Filters in the Shop sidebar. You can locate this under the WordPress dashboard, by navigating to Appearance > Widgets. This action has effectively resolved the issue at hand.

For your convenience and better understanding, we have created a video detailing the entire process. We encourage you to watch it in its entirety in the private content area for reference.

Best Regards,
8Theme’s Team.

Hello, @Inesita,

Thank you for using our theme and for contacting us.

1) We would like to inform you that the Product Tag Cloud can be utilized in the Shop sidebar. You can locate this under the WordPress dashboard by navigating to Appearance > Widgets.

For your convenience, we have attached an image for reference. https://imgur.com/QyjCvaQ

2) You have the ability to add new product tags by navigating to the WordPress dashboard, selecting ‘Products’, and then ‘Tags’ > add new Tags or edit Tags.
https://imgur.com/0BEhxwr

3. Navigate to Products:
In the WordPress admin sidebar, click on “Products.” This will take you to the WooCommerce products management area.

Edit or Add a Product:
You can either edit an existing product or add a new one. To add a new product, click on the “Add New” button. To edit an existing product, click on the product’s name or hover over it and click “Edit.”

Product Tags:
In the product editing or creation screen, you will find a section labeled “Product Tags” on the right-hand side, usually below the “Product Categories” section.

Add New Tags:
To add a new tag, simply start typing the name of the tag you want to create in the “Product Tags” field. WooCommerce will try to suggest existing tags as you type. If the tag you want to use doesn’t exist, press “Enter” to create it.

Optional: Assign Existing Tags:
You can also assign existing tags to the product by clicking in the “Product Tags” field and selecting from the list of existing tags.

Save or Update the Product:
After adding the new tag or selecting existing tags, make sure to save or update the product. Click the “Publish” button (if you’re creating a new product) or the “Update” button (if you’re editing an existing product).

https://imgur.com/9Bnw7WQ
https://imgur.com/sGqzzu1

That’s it! Your product now has the new tag associated with it. You can repeat these steps for other products or create as many tags as needed to organize your products effectively.

Best Regards,
Team 8Theme.