Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,686 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38352 comments found.

What a update! I love it!!! Over & Out

Congrats on the new release! What a banger – beautiful work in every way.

Is there a way to use the glowing animated background in the off-screen / mobile menu?

Amazing! Would be very cool :)

Also, just wondering – is it possible to set Nectar Slider (via WP Bakery) to Skip Lazy Load? It doesn’t appear to be an option

Hey ND81, The slide images should only use the lazy loading functionality if you have the “Image Loading” option Set to “lazy load” in the element settings: https://ibb.co/fSkYQZP

Kind regards

Thanks, got ya – I do note that other elements have the skip available though. Most things are great to have lazy load for, so the global setting is great, but turning off for some items (like an opening slideshow), even at the expense of performance, can be good

WOW, WOW, WOW!! It is amazing, LOVE the Salient 15. Thank you so much!

How can I edit numbers such as +20%, +131, or 145% on the LottieFiles? Please advise.

Hey frankapp, I’m so glad to hear you like it! :)

Lottie animations can only be edited from After Effects, if you’re trying to alter the content within them — altering the colors of Lottie files is pretty easily done online though. That being said, there are thousands of free Lottie files you can get from to use for your site on lottiefiles, so you might not feel to need to create your own!

I’ve created a short tutorial on the basics of Lottie files here and will be expanding it in the near future to cover the creation of custom Lottie elements. In the meantime, you can find many good video tutorials covering that on YouTube — here’s an example.

Cheers!

omg the new demo is: i n c r e d i b l e . bravo.. bravo.

Thanks basilroland — It’s definitely been a labor of love!

Cheers

it is bold as webdesign should be these days. but if i may.. you should start your transition on the elementor side of the force for the next update. no need to retrofit but. you know. be one of the good guys.

Hey basilroland, thanks for the request :)

Cheers

Thank you very much for the latest update! :)

I have a little problem with the “eCommerce Robust” Demo. It seems to stuck at 99%. After waiting longer I’ve done a reload of the url and there was almost everything there… but not all. Then i tried to “re-import” the Demo and unfortunately it seems that there is now a mix of two demo installations.

Is there an option to delete the demos and to try it again? Or do i have to delete the whole Database? (I use a new Database with PHP version 8 and new Wordpress version 6)

Are you able to tell me how much time the “eCommerce Robust” demo need to upload? Maybe I should have just waited longer.

Thank you in advance!

ok, i’ve found the “WP Reset” plugin. But the new “eCommerce Robust” demo installation seems also not go over 99%

Hey Lunamoon341 :)

It can take about 1-2 minutes depending on your server – it’s the longest import of all the demos due to the large image set that comes with it. Could you kindly open a ticket on the support forum in regards so that I can take a closer look at your setup to assist?

Cheers

Congrats Phil on another outstanding release! So impressed with your creativity and attention to detail. Thanks as always!

Thanks so much for the kind words, Joe! It means a lot :)

The new release is WOW! :)

Thank you guys so much for version 15! It looks awesome!

I’m glad you dig it, mikedubs — it’s been in the works for a while! :)

Cheers

Hello Salient team, I was wondering if by any chance it would be possible to inject a “div” with a subtitle (h2) just after the logo, using the theme function maybe? Where could I find a code or an example? Thank you!

Hey sottise!

Yes, you can use a the “nectar_hook_before_logo” action for that. An example that you could add to your child theme functions.php file would look like: https://pastebin.com/URNQKidn

You’ll still need to use CSS to style/position it correctly.

#header-outer .row .col.span_3 {
    display: flex;
    flex-direction: column-reverse;
}

Kind regards :)

Aww! thanks so much, it works like a charm! :D

And thanks for the amazing Salient update btw! I totally love this 15th version. Always impressed by all the new options you bring. <3

You’re very welcome, and thanks for the kind words sottise :)

Cheers

Hi Salient team. I can’t seem to find accurate answers to a yet easy (I think) question: See, I have my site built with Salient since a few years ago. Recently made the update to the latest version using child theme. Now, I want to tweak it further by changing the skin/demo.

I know the demo will import via the usual update menus but I’d like to know if the site will just “magically” transform into the new skin or if otherwise will it be a mess and will have to re-arrange everything from image sizes to links, custom CSS codes, hierarchies, menus, effects, etc.?

Would it be –maybe– far easier and more on point to redesign all the site from scratch or may I go straightforward and hope the skin/demo update will do its “magic”, fingers crossed for the site not to break entirely?

Please advise, I pretty much love Salient and can¡t wait to design with the new features! Thank you so much!

Hey juandoscuartos,

All of the theme settings will be updated to match the demo that you’re importing, so be sure to backup your current theme settings if you need them. If you’re storing your custom CSS within the theme options panel, you’ll need to copy it back in after importing a demo. However, if you have it in a child theme, it will persist. After importing a demo, you’ll also have the new content imported to your site (pages/media/menus) associated with the demo.

It’s ultimately up to you if you’d prefer to start from scratch, but it’s probably not needed.

Kind regards,

b1b Purchased

Hi, since updating WooCommerce the ‘Show first gallery image on Product hover’ stopped working – the first gallery image under the main image is not zooming to fill the size of the container – to see the problem please hover over George Nelson Style Large Slatted Platform Wood Bench – on products page https://20thcenturyclassics.co.uk/vintage-furniture/

What is odd is that this happens only with newly uploaded images – if I use one from Media Library there is no problem. I have re-Smushed the images, turned off and on Smush and cleared my browsers, etc. I have Lazy Load Page Builder Element Images turned off in Salient but Lazy Load turned on in Smush.

Any suggestions? Regards

b1b Purchased

PS – That fix you did for Show first gallery image on Product hover – only works in Chrome. Firefox and Safari are unresponsive. :)

b1b Purchased

PS I’ve updated to 15.0.1 and both problems are still here – toggle and hover issues.

Hey b1b,

1. It appears the specifically the Material product style will need one additional rule to allow it to show the hover images in FF/Safari. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.woocommerce ul.products li.product .product-wrap > a {
  display: block;
}

2. How are you adding those toggles to the short description? The fix in 15.0.1 will only generate the dynamic styling related to elements placed in that section if the shortcodes are present directly in the editor like: https://ibb.co/jM6y64L

If you’re instead adding the toggles via an action in your child theme, you’ll also need to add in the following snippet to your child functions.php file: https://pastebin.com/CWDP6Xk4

Alternatively, you could also add in the following CSS snippet:

.toggle > h3.toggle-title a {
    font-size: 14px;
    line-height: 1;
}

Kind regards,

Hi ThemeNectar,

Please visit the following link: https://neileverosborne.com/about

I am trying to make the overall width of my website smaller on laptops and tablets to increase the amount of white space on the left and right side of the copy section. Any advice you could offer would be greatly appreciated. Many thanks.

Best, Alan

Hey Alan,

Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (min-width: 1000px) and (max-width: 1500px) {
  body .container {
      padding: 0 100px;
  }
}

Cheers

Awesome! Works perfectly. Thank you very much for the help.

You’re very welcome, Alan :)

Cheers

Hi there,

I would like to add an icon (phone icon) in my secondary header. Would that be possible? See here: https://lionettekleijnen.com/

Hey Abbenhues,

You can use the Salient menu options to add an icon next to any of your header menu links: https://themenectar.com/docs/salient/salient-menu-options/

Kind regards,

Is it possible to add and option to add to cart from the main shop page on mobile – currently, I can only see that it is possible on browser. Thanks

Hey AletalkProductions,

Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/Pbzr1Xts

Cheers

Thanks – I’ve added the code, but it still doesn’t seem to have the add to cart option on the main shop page – apologies if there is something I’m missing.

Hey, i’m not seeing the code as active on the page currently for some reason. Could you please reach out via the contact form on my author page in regards so that I can take a quick look at the backend?

Hello. I am using the code below to make the product title clickable on a shop page. I believe this is from the Salient documentation. When I look in my error log it gives a warning that $product_id is undefined. Would there be a better way to code this?

Full code: //overwrite product title loop and include url function woocommerce_template_loop_product_title() { $loop_title_link= get_permalink($product_id); echo ‘

’ . get_the_title() . ‘

’. ‘’; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped }

Full error: 2022/08/12 00:26:03 [error] 28064#28064: *3941092 FastCGI sent in stderr: “PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339” while reading response header from upstream, client: 207.46.13.

Hey dzineee,

Can you try pasting your code into here so that I can fully read it all https://pastebin.com/

Thanks in advance

Ah yes for sure. I have tested the code and it seems to be working: https://pastebin.com/9MjXGiHu

Thanks dzineee — yes, the code looks good.

Kind regards

hi, any idea why is not showing the top video on mobile devices? https://gastromallorca.net/enfy/ the Disable Video Backgrounds On Mobile Devices is disabled

Hey dimage,

I’m currently seeing the video BG play on mobile when testing on an iPhone 13 / Galaxy 22

https://ibb.co/Jp2tScV https://ibb.co/HKPShLC

Have you verified that you don’t have a power savings mode active on your device? Battery / Data savings mode will generally prevent video playback.

Kind regards,

it was that, thanks.

You’re welcome, dimage :)

Hi, I am using the header layout Menu Bottom Bar and I would like the navigation part ONLY to stay sticky on desktop, just like this website https://www.costikyan.com/ when you scroll down the logo folds and the navigation is only sticky. Can you please provide a CSS or a function.php rule to achieve this?

Hey toolbox101,

In the Salient options panel > header navigation > animations effects tab, enable he “Condense Header On Scroll” option. If you wish to remove the logo from the view of the sticky header, you can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#header-outer.fixed-menu #top #logo img {
  opacity: 0;
}

Hi ThemeNectar,

A couple questions hoping you would be able to help me out with.

1. On the page below for mobile devices it happens that when you want to view the image larger it requires a “double click”. Do you know how to make that a “single click”?

2. I have created a image grid with a hover state and button. I am trying to change the copy on the “More Details” button to “View Portfolio”. Can you point me in the right direction?

Many thanks and appreciate the help.

Best, Alan

Hey Alan,

1. add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (max-width: 1000px) {
.portfolio-items .col .work-info .vert-center *,
.portfolio-items .col .work-info .vert-center {
 transition: none!important;
}
}

2. You can use the plugin Say What – it’s a minimal free translation plugin:

https://themenectar.com/docs/salient/translations/#translating

Kind regards,

Hi ThemeNectar,

Thank you again for the quick reply, I really appreciate it.

1. I added the code you provide above into my Child CSS and into the Salient General CSS settings and it doesn’t appear to work for my portfolio pages that have an “Image Grid” on them as you can see here: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america

Any ideas on how to fix that as I would like it to only be a single click. Thanks.

2. Thank you.

Best, Alan

Hey Alan, Here’s one more snippet you can try:

.portfolio-items .col .work-item .work-info a {
  transition: none;
} 
Kind regards,

General question: I’m supposed to design a website for a music artist. Is your theme suitable for this requirement?

For example, they need: Discography List with covers and play buttons for the music…

Do you even have a music demo version?

Hey Lunamoon341,

The music demo we have is: https://themenectar.com/salient/band/

WordPress offers a built-in audio player element, but you could also add a third party plugin to add a more Complex player if needed for your specific requirements.

Kind regards,

Hi, I’m having a problem when trying to import the Ecommerce-Robust demo. It seems to get stuck somewhere around 40% without finishing the process. I have followed instructions to increase the max execution time / memory limit etc. all to no avail. Any ideas what could be causing this? I’m using the version of salient released last month. Absolutely love the theme btw!

Thanks in advance!

Hey AbzillaTheGreat, I’m glad that you got it imported :)

You can use the filter “nectar_logo_url” in your child theme to specify a custom location for the link.

Here’s an example you could add to your child functions.php

https://pastebin.com/NekPT3iP

Kind regards,

Thank you so much! Worked like a charm :)

You guys really do go above and beyond!

Best Regards

You’re very welcome, AbzillaTheGreat :)

Cheers!

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