Discussion on Uncode - Creative & WooCommerce WordPress Theme

Discussion on Uncode - Creative & WooCommerce WordPress Theme

By
Cart 134,994 sales
Recently Updated
Well Documented

undsgn supports this item

Supported

This author's response time can be up to 2 business days.

8624 comments found.

Hey guys, we would love to replicate a squarespace liquid animation (little ripples) on a logo on one of our website, and I wonder if this is something we can do natively on Uncode, I’ve seen you introduced many new features recently. Or otherwise is this something we could easily integrate via custom css/js? Thank you!

Hi atercervus! We are sorry, but we are really not sure what you are referring to. Can you please explain or share some resources?

Apologies I wasn’t very clear, please check an example here, large logo animation at the very bottom of the page, in the footer: https://tinyurl.com/4946f2pr

Hi atercervus! Yes, we confirm that this is not part of Uncode. This is a very particular effect that can be created with custom JavaScript… for example, you can use the Raw HTML and Raw JS modules, to insert the required codes in the page, and try to search on Google for “liquid js effect on image”.

Hello Undsgn! Actually I don’t know wordpress and also coding at all but just following your youtube manual giving me joy of creativity. I watched all and made by myself more than half of my portfolio page! Thanks :)

There two things I cannot solve the first one is,

when I enter your demo page Works – Portfolio Lists one – Portfolio Matrix then It shows the placeholder image filled with the representative color of the thumbnail image, and then thumbnail animation begins for example, the ipad thumbnail starts from yellow. Could you please tell me where I can use this function?

Second one is.. click Rayban thumbnail at the Portfolio matrix page then I can see a light line on the navigation bar(<prev ::: next>). Maybe its very simple if i insert css code but want to make it in Uncode theme option. Can you know me where it is?

Thanks!

Hi ladysoverign and thank you for appreciating Uncode and the video tuts! :)
1. Do you mean these kinds of animations that were introduced with the latest update? https://support.undsgn.com/hc/en-us/articles/24996334554269-Thumbs-Mask-Color-Parallax
2. We are sorry but we don’t get this request. Can you please create a screenshot?
Anyway, if you need support is offered in our Help Center, there we have a completely dedicated support team, please submit a ticket so we can check your installation and support the solution: https://support.undsgn.com/hc

how fast! 1 is perfectly works! thanks! :) i made screenshot for question 2 but don’t know how to upload here :D well I can say that it is a border line of full width navigation section but only the top line is visible, not the left, right, down. maybe it’s just a line between content – navigation haha sorry can you understand? I am so amateur so that explain as well.. if you don’t understand then please don’t mind! okay I will use support menu next time! :) I will recommend this to my friends! thanks!

Hi ladysoverign! We are sorry but we are still not sure to get it, this is what we see: https://undsgn.d.pr/v/hk5xBV
Here is not possible to upload images, in the case you need to use one of the free upload services and share the link.

Is there a way to add icons on drop-down menus when we have selected Off Canvas or centered mobile menu?

@media (max-width: 959px) {
    .menu-mobile-centered .menu-smart:not(.top-enhanced-inner) li:not(.social-icon).menu-item-has-children .fa[class*=fa-angle-] {
        display: inline-block !important;
    }

    .menu-mobile-centered .menu-smart:not(.top-enhanced-inner) li:not(.social-icon).menu-item-has-children li .fa[class*=fa-angle-] {
        display: none !important;
    }
}

Perfect! Thank you so much!

Thank you for the confirmation! ;)

Hello, it’s again. I’m in the beginning of the curve learning so I got a lot of questions . Anyway…

In some you demos and section of feature “Vertical Align Justify” section i find this https://prnt.sc/eUZo7Tfq34nw and https://prnt.sc/q44-c78XK_gT

Only one thing that I want from this is to know how did you make the image touch the edge of the column without touching off-grid settings.

Because I got the wireframe and start analyzing it and make the exact copy of everything but it didn’t gimme same results.

Hi souhaibzarhoni10! I understand that you have many questions, and that’s why, during the 6 months or year of active support, you have access to the official Customer Support, the tool specifically designed for this type of assistance. As it seems you were suggested in the Facebook group, from an image of our demo we certainly cannot understand what you’re doing wrong, you should link your site so we can see your scenario.

Yeah! But in my case I couldn’t use uncode until the support expired.

About the site I prefer to give you the link from you site: https://undsgn.com/uncode/features/vertical-align-justify/

In the second section, I wonder how to align the images in bottom touching the edge of the column.

I knew about vertical align justify but this specific detail not.

Thanks ❤️

Hi souhaibzarhoni10! The fact that you didn’t use Uncode during the entire assistance period isn’t something you can claim against us. This is similar to a product warranty that expires whether it’s used or not, though it can always be renewed. We’re simply trying to explain that without seeing your website or having access to it, it’s quite challenging to help you effectively with just words. For instance, while I’m very familiar with our design system, without seeing your specific implementation, it’s difficult to identify what might be causing issues. Private support would make this process much easier as it happens in a confidential environment, whereas here you would need to share your link publicly.

I wanna create a section that has 5/6 + 1/6 rows on phones and tablets.

I can set 2/12 for the mobile column width as for 1/6

But… for the row of 5/6 I couldn’t set the tab or mobile column width to 10/12, I had only one option (9/12). https://prnt.sc/06HAYGjHnFZ3

And that destroys the design because the elements look aligned to the right. Especially when I add content. As you can see: https://prnt.sc/lEoqRmN2A4SM

Is there any solution or advice? I’ll be very happy!

Hi souhaibzarhoni10! The options you see are those available in the module, so you need to work with the values at your disposal. For example, you could try using 8/12 and 4/12.

Ok thanks

Thank you for the confirmation!

Hello,

Do we have the option to use a one-page layout instead of multiple pages?

Hi tnavabr19! Yes, sure, there are also a few examples on our demo, here you can find a dedicated doc and video tutorial: https://support.undsgn.com/hc/en-us/articles/214006065-One-Page-Scroll

Hi, I’m building a single post design, type “Content block”. I can’t find any element to display current post tags. There’s no tags in “Info Box” element. Should be somewhat obvious but I’m really struggling with this. Is this possible or through custom function only?

Hi konfeta! Yes, we are sorry but the Info Box element has Date, Categories, Author, Comments and Reading time. Unfortunately, it’s not something we can suggest just a few line of CSS code here to make it working.

Hello, man! I hope you are so well

I wish if I could have some recommendations from you that help me create a horizontal timeline progress using uncode such as this: https://prnt.sc/Ju8sNqeN-3fn

But the real target is to create something like https://prnt.sc/iE6ntncFTVuW or like this on the phone: https://prnt.sc/kNEqJemJxzm-

I hope you the best guys

Hi souhaibzarhoni10! Both examples can be created with the Grid System. For instance, the first example consists of just four Columns with an Inner Row inside. You might need a few lines of CSS to create the horizontal line. Unfortunately, without having a mockup to work with, it’s really difficult to provide more detailed guidance from here.

Thank you for helping me!

First one done ✅

But… the desired one is the second, I find it diffecult. we have two inner rows that in large screens as laptops will be HORIZONTAL so one on top of the other.

& in small one will be VERTICAL i.e one next to other with the same info.

If you have some advises I’ll be glad

Hi souhaibzarhoni10! We are sorry, but this isn’t something we can guide you through verbally. This would require creating a section with all the necessary options and additional CSS. It’s not something that can be explained with words alone from a message. I hope you understand.

Hello! We liked your ‘about minimal’ and ‘contact minimal’ pages but it seems like scrolling is limited to only show the top row on those pages? We wanted to add more content after the image/black background with text at the top, but even when we can see it on our frontend/back end editor, the page won’t scroll odown once we view it. How can we achieve this?

Hi tamaralopez! If you started from our Demo Contents, please note that these pages have this option that you should remove: https://undsgn.d.pr/i/acShuT
Anyway, if you need support is offered in our Help Center, there we have a completely dedicated support team, please submit a ticket so we can check your installation and support the solution: https://support.undsgn.com/hc

Hello, I moved my website from “daystoretr.com” to “daystore.com.tr”.Now I can’t activate my Uncode license because it says I have exceeded the number of activations allowed.

What are the steps I need to follow to assign my license to my new domain name?

I want to do this process myself because the support license has expired. I don’t want to buy a support license for just one process.

Thank you!

Hi daystoretr! Next to the error message you probably have, there is a ‘More Info’ link that takes you to a documentation page with all the information you need. If you haven’t seen it in a nutshell, please send a private message using the form you find on this page and include your Purchase Code: https://themeforest.net/user/undsgn

Is there a way to have tags with the wording “Before” and “After” in the before/after image module? This way visitors know which one is which.

Hello, I’m sorry, there isn’t a feature like that. However, you can try an approach via CSS. You can use, for instance, :before and :after pseudo-elements. This is a very basic approach, consider it as a starting point for your further customizations, since this falls outside the scope of the regular support.

.twentytwenty-wrapper:before {
    background: rgba(0,0,0,0.75);
    border-radius: 4px;
    bottom: 20px;
    color: #ffffff;
    content: 'Before';
    display: block;
    font-weight: 600;
    left: 20px;
    padding: 4px 8px;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    z-index: 20;
}
.twentytwenty-wrapper:after {
    background: rgba(0,0,0,0.75);
    border-radius: 4px;
    bottom: 20px;
    color: #ffffff;
    content: 'After';
    display: block;
    font-weight: 600;
    padding: 4px 8px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    z-index: 20;
}

Anyway, if you need support, it’s provided through our Help Center, where we have a dedicated support team. Please submit a ticket so we can check your installation and assist you in finding a solution: https://support.undsgn.com/hc :)

Thanks, looks good.

You’re welcome. All the best :)

My template is not updating. It’s displaying this message, “Purchase code verification failed. Please contact the theme author. (Error 15)”. Please assist.

Hi thrjve! This error indicates that the Purchase Code is malformed, likely due to an error when copying it. Unfortunately, this isn’t something we can diagnose remotely. Please open a ticket with us, include your License Code and installation login credentials so we can investigate the issue directly: https://support.undsgn.com/hc/en-us

okay, I am opening a ticket

Thank you for the confirmation!

I have purchased two licenses, but neither of them has been used for years. Recently, I attempted to activate one of the licenses, but the activation was not allowed. Could you please assist me in resolving this issue?

Hi modetm! Next to the error message you probably have, there is a ‘More Info’ link that takes you to a documentation page with all the information you need. If you haven’t seen it in a nutshell, please send a private message using the form you find on this page and include your Purchase Code: https://themeforest.net/user/undsgn

I have an issue with text reveal. I think it didn’t support rtl (arabic lang)... but I wish if there is a solution for this.

please check this link that provides an easy small documentation of the problem: https://eazyweight.com/scroll-text-reveal-issue/

thank you so much!

Hi souhaibzarhoni10! Ok, now everything is clear. This effect cannot be used with this type of RTL text. To create the effect, the letters are technically split, which means these connection lines cannot be created. I hope this technical explanation helps clarify the limitation in this scenario: https://undsgn.d.pr/i/FDi3Eg

Thanks for the information! What if, instead of targeting letters individually, I use whole words? That way, there won’t be any splitting issues. Right now, even when I choose words or lines, the problem still persists. But I believe you can solve it, especially since we’re now dealing with words or lines instead of individual letters, which removes the main issue.

Hello, you’re right, and we are looking into a possible filter that can be activated via the child theme to prevent the system from separating words into individual characters, which affects the proper rendering of ligatures. This will prevent character separation and disable animations that require it, but you’ll still be able to use animations where character separation is not strictly necessary, as you kindly suggested.

This should be available in the next update, along with the necessary documentation on how to activate it.

Thank you for your help and patience.
Best :)

SEO and Tags/Categories pages: I noticed these auto-created Tag and Categories pages, which are like an extra 70+ pages. Q #1: Is there a way to disable this happening? Q #2: Is it safe to delete them? Q #3: Do these harm SEO? One SEO tool I’m using is telling me to add meta tags and alt texts for these pages.

Thanks very much for your reply in advance.

Hello! What you’re asking about is a core WordPress functionality, not something controlled by the theme. Categories and tags automatically generate archive pages, and while they can’t be completely “disabled,” you can prevent them from being indexed by search engines or hidden from users. Here are some general answers to your questions:

  • while WordPress doesn’t provide a built-in way to disable them, you can use an SEO plugin like Yoast SEO or similar to set them as “noindex,” which tells search engines not to index them;
  • you can’t delete these archive pages since they are automatically generated, but you can choose not to use tags/categories or remove them from your site navigation.

I recommend checking SEO plugins for more control over these pages.
Best :-)

Thank you very much! I’ll do that. Very helpful. :)

You’re welcome, all the best :)

Hi, for a customer who uses this theme, we need to filter the products through a product meta. And to do that I use pre_get_posts. I have done various tests on many other themes and everything works correctly, but Uncode seems not to support this hook well, strangely.

In practice in the pre_get_posts I have to make visible products that are not available but for which it is possible to request a pre-order:

/** * Modify Product Query. * * @param object $q Product Query. */ function navix_oss_modify_product_query( $q ) { if ( is_admin() || ! $q->is_main_query() ) { return; } if ( is_shop() || is_product_category() || is_product_tag() || is_search() ) { global $wpdb; $hide_out_of_stock = get_option( 'woocommerce_hide_out_of_stock_items' ); if ( 'yes' === $hide_out_of_stock ) { $tax_query = (array) $q->get( 'tax_query' ); foreach ( $tax_query as $key => $query ) { if ( isset( $query['taxonomy'] ) && 'product_visibility' === $query['taxonomy'] ) { unset( $tax_query[ $key ] ); } } $q->set( 'tax_query', $tax_query ); add_filter( 'posts_where', function ( $where, $query ) use ( $wpdb ) { if ( ! $query->is_main_query() ) { return $where; } if ( is_shop() || is_product_category() || is_product_tag() || is_search() ) { $where .= " AND ( NOT EXISTS ( SELECT 1 FROM {$wpdb->postmeta} WHERE post_id = {$wpdb->posts}.ID AND meta_key = '_stock_status' AND meta_value = 'outofstock' ) OR ( EXISTS ( SELECT 1 FROM {$wpdb->postmeta} WHERE post_id ={$wpdb->posts}.ID AND meta_key = '_stock_status' AND meta_value = 'outofstock' ) AND EXISTS ( SELECT 1 FROM {$wpdb->postmeta} WHERE post_id = {$wpdb->posts}.ID AND meta_key = 'notify_back_in_stock' AND meta_value = 'yes' ) ) ) "; } return $where; }, 20, 2 ); } } } add_action( 'pre_get_posts', 'navix_oss_modify_product_query' );

In the woocommerce/archive-product.php file I inserted a var_dump( $wp_query->request ); which shows the query correctly, but the listing in the loop does not respect the products related to $wp_query.

I checked better and I see that there is a content block associated with the product archive, which I absolutely need because otherwise I have no way to customize the page. If I do not use the content block, the query is correctly filtered.

So the problem is linked exclusively to the use of the Loop block inside the content block which has its settings set, but which does not allow advanced queries as I would need.

I would therefore like to know if it were possible to have a hook to modify the behavior of the query also for the loop blocks of the content blocks. Or is there already a trick to do it?

Hello, without seeing how the page is built, it’s very hard to understand what’s wrong. Also, this isn’t the right place to provide this kind of support, as it involves more in-depth troubleshooting. If you’re using the Post Module with Dynamic Options, I’m not sure you can filter it this way, since the Post Module output follows its own rules and its own query. However, [uncode_index] shortcode allows filtering query arguments. One of these filters is 'uncode_get_uncode_index_args', which you might be able to use to adjust the query to your needs.

Have you also tried applying your filter to the default WooCommerce template, with Uncode active but without the Post Module grid? That could help determine whether the issue is with the module itself or with how the filter interacts with the theme. If the Page Builder isn’t compatible with your customizations, using the default template might be a better approach.

Anyway, if you need support, it’s provided through our Help Center, where we have a dedicated support team. Please submit a ticket so we can check your installation and assist you in finding a solution: https://support.undsgn.com/hc :)

No need to open a ticket. It was exactly the filter I was looking for, but it was like finding a needle in a haystack. Anyway I modified the query using a custom taxonomy to filter the results because using the post_meta I saw that these slowed down its execution a lot. Thank you so much for the suggestion, everything solved!

You’re welcome, best :)

Hello, my support expired, but I dont need support, but I need to deregister my old website domain and register it again because I moved the website to another domain. i need help, please. please help with this

Hi ninja3021! Next to the error message you probably have, there is a ‘More Info’ link that takes you to a documentation page with all the information you need. If you haven’t seen it in a nutshell, please send a private message using the form you find on this page and include your Purchase Code: https://themeforest.net/user/undsgn

Hello for a few days for no apparent reason, when I click on the category filter in the store it shows me all the products and not the ones in the chosen category. Applying the default theme instead works. what happened ?

Hi maxiezzi! We apologize about this issue, but we haven’t received any similar reports, which suggests the problem likely isn’t with the theme itself. Additionally, if nothing has been modified or installed, the theme wouldn’t suddenly break its functionality on its own. In any case, please share a link so we can check if there’s any obvious error.

https://wooforia.pet/wooforia-shop/ if you try to click any category on the left all the products appear and not the right ones

Hello and thank you. From here, we can only guess that the dynamic option of the Post Module you’re using to display the product grid is disabled. Please check: https://undsgn.d.pr/i/6HnEms

Anyway, if you need support, it’s provided through our Help Center, where we have a dedicated support team. Please submit a ticket so we can check your installation and assist you in finding a solution: https://support.undsgn.com/hc :)

Hi Guys, I have an issue where the Paypal quick checkout buttons don’t seem to work on a product using content blocks like here – https://setinstonemedia.com.au/product/bardens-blue-hour/

But seem to show fine on a standard woocommerce layout like here – https://setinstonemedia.com.au/product/art-imitates-life/

Is there something I can do to get those Paypal buttons to show on the first page mentioned?

Thanks so much

Hi, I use background videos (Vimeo) for some row, in desktop view videos are playing, but in mobile the background is just white and also it doesn’t appear image background https://witoor.com/rando-imperator/

Hi attimo! Please note that it is not possible to use a Vimeo (or YouTube) video as background on mobile; this is not permitted by the streaming service itself. You need to use a self-hosted video: https://support.undsgn.com/hc/en-us/articles/115000721729-Video-Backgrounds-Mobile

Hi, thanks for reply. Yes, I followed the instructions in the link, and I put a media poster image, but when I put it, it overwrites the video and it can be seen both on mobile and on desktop, and on desktop I no longer see the video (Vimeo and youtube)

if I don’t put it, on mobile it shows white and on desktop the video correctly.

Hi attimo! Please follow the video tutorial. We can confirm these are the exact steps that all users follow. Otherwise, you need to open a ticket so the Support Team can check from the admin what you’re missing.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey