This topic has 6 replies, 3 voices, and was last updated 1 years, 6 months ago ago by Tony Rodriguez
Hello XStore Support,
I have Elementor Pro and wanted to use the theme builder to build a more customized product archive on the Shop page.
Current Situation:
1. I created a new Product Archive template on the Theme Builder and designed as usual – applied the conditions on the product categories pages to test it out and see
2. When I drag the Archive Products widget into the container, the styling is all off
3. As you can see via screenshot #1, the sorting filter looks weird and is stacked above each other (also refer to Ref Link)
My goal is to have the following structure:
Column 1 (C1) ~20% width | Column 2 (C2) ~80% width
Product Category Sidebar (C1) | Heading, Description, Archive Products (C2)
I couldn’t figure out how to include the product category heading and category description to be placed above the product archive grid AND next to the sidebar within the theme options for XStore.
If you take a look at screenshot #2 (this was the default shop page designed using the theme options for XStore / no theme builder from elementor), this is how the sorting filter should look like. However, once you try to create a custom template everything is messed up.
Could you assist with what may be causing this issue and the clash in the UI or what other solution there is to be able to include the heading / description on the shop and category pages?
Thank you!
Hello, Nothingandco,
Thank you for contacting us and for using XStore.
We can’t connect FTP with the credentials you provided.
Please try to connect to FTP using FileZilla by yourself.
Is there a restriction by IP or something else?
Kind Regards,
8theme team
Hello,
I just got in touch with my hosting support team and they have resolved the issue.
Please refer to the private content area.
Thanks!
Hello, Nothingandco,
Could you please, check now?
We had to install a separate plugin for you named ‘Code Snippets’ because you don’t have child theme installed for implementation the fix code.
We added the next code as php snippet → https://prnt.sc/F0Nh5dUnhLil
add_action( 'wp', function() {
if ( get_query_var('et_is-woocommerce-archive', false) ) {
add_action( 'woocommerce_before_shop_loop', function() {
if ( get_theme_mod( 'top_toolbar', 1 ) && !wc_get_loop_prop( 'is_shortcode' ) ) {
etheme_enqueue_style('filter-area', true ); ?>
<div class="filter-wrap">
<div class="filter-content">
<?php }
}, 0 );
add_action( 'woocommerce_before_shop_loop', function() {
if ( get_theme_mod( 'top_toolbar', 1 ) && !wc_get_loop_prop( 'is_shortcode' ) ) { ?>
</div>
</div>
<?php }
}, 45 );
}
}, 70);
The result on the frontend is next → https://prnt.sc/yRYKZBQhGyMK
Waiting for your reply!
Kind Regards,
8theme team
Oh thank you so much!
That worked out for me perfectly.
Appreciate your help 🙂
Hello, nothingandco,
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
Tagged: elementor, product archive, templates, theme builder, woocommerce, wordpress
The issue related to '‘Elementor Pro – Theme Builder & Product Archive’' has been successfully resolved, and the topic is now closed for further responses