Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,298 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38443 comments found.

I’ve used old version from 2016 and tried to update today. Problem is that how the portfolio embed video field/attribute is handled in the new version.

Originally I had some Javascript inside this embed video code box to check for geolocation and embed the video from different providers. Either Vimeo or some of the Chinese site. Earlier it seems the link to the video was generated dynamically each time the thumbnail was pressed to bring up the video play box (The link on the browser was calling video.php with portfolio item ID). If I switched VPN on and off here in China, the embedded video change based on that each time I click the thumbnail, without me even needing to reload the site. Now after upgrade the links to video are created when the page is first loaded. Each item on portfolio is already pointing to Vimeo link on hover and click rather than the local PHP file. It also seems to ignore all the script written within that embed box always picking up the Vimeo link which is the last IF-ELSE case, no matter what the geolocation is. If I totally remove everything and just write in the Chinese embed, I simply get a written error message, no content at all. This leads me to believe that when you changed the system you added some sort of check if the video is from “supported” sites and it refuses to embed anything else. Or a parser that just picks up the “useful” part of the embed box content. I had to roll back to old version and this is major annoyance now.

The embed function wasn’t perfect before either as the resizer failed to work with the Chinese sites that seem to separate the playbar from the actual video window. This led the videos not embedding correctly on mobile phones and creating lots of empty black space around the video if use manual sizing (had to force it to height=200), or in 100% mode it simply threw the video play button out of the window area when using on my phone vertically. On desktop or iPad widht and height 100% still worked. I updated in hopes that this problem wouldn’t have existed in the new version but basically it got even worse, videos not embedding at all.

Hey sebasti,

sorry to hear you ran into trouble with your custom implementation – please note that the embedded field there was never meant to handle custom scripting or sources outside of the standard, as noted in the description of the field: “If the video is an embed rather than self hosted, enter in a Youtube or Vimeo embed code here.”. However in the latest version this could be possible without a different approach.

The function “nectar_portfolio_video_popup_link” can be copied from the functions.php file into a child theme functions.php and modified to handle a new source. First, ensure you’re using the latest lightbox script offered in Salient for the best iframe support. You can find it in the Salient options panel > general settings > functionality tab – it’s called “fancybox3”. Then you’d need to edit the

return $video_markup.'<a href="'.$project_video_link.'" class="pretty_photo default-link">'.$popup_link_text.'</a>';
to match the structure needed on: https://fancyapps.com/fancybox/3/docs/#iframe

Hi, I’ve a question: on my homepage: https://scg.kleidi.nl/ I’ve three columns underneath my Nectar slider. On mobile each column shows up very big on the screen and also after each other so you will not see the last two columns. Is there a way to change the lay-out for mobile? For exmample less big or more columns next to each other instead of after each other?

Thanks!

Hey Abbenhues,

When editing your columns in the page builder, check out the “responsive options” tab in order to tweak how the column will display on each of the various viewports :)

Cheers

Thanks so much! One more thing: How can I change the height for mobile only for my Nectar slider (https://scg.kleidi.nl/)?

Hey! The “minimum height” option within the Nectar Slider element will stop the slider from getting any smaller than the defined value on mobile devices

Salient’s integration of Woo Commerce is really good. The product pages look damn good compared to any other woo commerce product pages I’ve seen.

Question: How do you get the design below the product like on this page? http://preview.themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266?_ga=2.72391952.243314151.1522089640-730366079.1518923468

I see all the shortcodes, but how does one go about editing that content below that product since the visual composer isn’t available when editing a product?

Hey roye209

In the visual composer plugin settings page > role manager, verify that the “Post types” is set to “custom” and that the “product” checkbox is selected in addition to the other post types

That worked! The “product” checkbox was not selected under the “role manager tab. I have a couple of additional questions:

1.) is there a way to change the layout of the thumbnails? Can they be stacked vertically like this: https://www.allbirds.com/products/mens-wool-loungers?variant=42215908807

2.) is there a way to remove the “Description, Additional Information, Reviews” tabs?

I’m basically trying to emulate this age just in case my client really likes it since this is a site they sent me as an example of something they like.

Hey rouge1,

1. Unfortunately not as of now, but i’ve noted the idea for the wishlist :)

2. add this into the custom css box in your Salient options panel:


.woocommerce div.product .woocommerce-tabs > .full-width-content { display: none; }

Cheers

G’day! We’re wanting to use the Jetpack lightbox without using Jetpack, so we’re using this plugin (TP Tiled Gallery) but we’re getting conflicts for both single images and galleries where the Lightbox simply doesn’t work. Can you help?

Hey Magefox! :)

Are you using the latest version of Salient (8.5.5) and can you share your URL in regards so I can take a look?

Cheers

Most WordPress themes look the same and they all have the same options/ functionality. Can we get this type of advanced filtering for Salient Portfolio http://www.adsoftheworld.com/cards/student ? this will make it stand out from the rest.

Hey toolbox101, thanks for the request

Hi, how to give parallax effect like this goo.gl/vLaeSj to image on any page?

Hey astutestudio,

You need to create a new row and edit that row to have top/bottom padding start out with some values like “20%” for both. Then just enable the “Parallax Background” option after adding a “Background Image” :)

Cheers

Thanks mate .. i ll try this now :)

You’re welcome astutestudio :)

2 Questions:

1. The top rated products widget in the sidebar for store page is showing 6 stars instead of 5. How do I correct. See here: https://youneekstudios.com/store/

2. If I update my current salient website to a new Salient template, will it be seamless? I want to use some of your new look templates as I have been using one of the very first Salient themes.

Thanks

Hey roye209,

Even after clearing my cache, I’m still seeing that all of the CSS is being served from one single minifed file: https://youneekstudios.com/wp-content/uploads/fvm/out/header-412c8d6a-1520353828.min.css

Please try again. I disabled all CSS processing.

Thanks roye209, I’ve located the issue – it’s related to the current WooCommerce and the Ascend Salient theme skin. To fix it before the next release, add this into the custom css box in your Salient options panel:


.woocommerce.ascend .product_list_widget .star-rating:before { font-size: 12px; }

Cheers

Hi ThemeNectar, I know that the support for this has expired and I am planning renew it once I finish this project. I have an issue with the product gallery using Default Lightbox Functionality. The first thumbnail is larger than the three other thumbnails. I tried regenerating thumbnails but it does not seem to be working. This problem can be viewd here: https://goo.gl/xLLXeA Have you heard of these issues before?

My customizer was set to display 1:1 thumbs, I regenerated all thumbnails again after checking this customizer options. This setting 1:1 apparently works only for the first (featured) image, the others are still 16:9 (I think). However, when editing the product gallery in the backend, the thumbnails appear properly as 1:1. Any other hints or links to possible causes/conflicts?

Hi there. I think I finally figured this out. There might be some potential conflict between Salient styling and Jetpack. I turned Jetpack off, and the thumbnails started working properly. I also installed a caching and optimizing plugin so I am not 100% sure if this was the issue, but since jetpack is very popular I thought you might want to know.

Hey dominman,

Thanks for updating me in regards :)

Hi TN,

I am working on https://www.stickypresentations.com and have been searching and searching, but I can’t find a way to get the header to have a transparent background. I tried all Salient settings and also copied the settings from http://www.bloemenbezorgenonline.nl (my testing site) but I can’t get it to work.

Any ideas what could be the problem here?

Cheers, Marc

Hey Marc,

In the Salient options panel > header navigation > transparency tab, enable the option “Use Transparent Header When Applicable?” then in your page settings, at the very bottom you’ll see a metabox titled “Page header settings”, check the box for “Force Transparency On Navigation”.

Cheers

I’ve a problem with Fancy Box. I’ve imported salient-corporate-creative theme (http://themenectar.com/demo/salient-corporate-creative/) When i activate the child, the Fancy Box parallax hover effect not work! Can you help me? Silvia

Hey Silvia,

Can you please share your URL in regards so I can see what’s causing that conflict for you?

Thanks

Hey Nectar! Can the uptate be installed so that the previously created PO/MO file is not deleted? I have to re-translate the homepage after each update.

Hey vik_,

You can add a “lang” folder in a child theme to avoid this and use this in a child theme functions.php to call the .po from there:

add_action('after_setup_theme', 'child_lang_setup');
function child_lang_setup(){

    load_child_theme_textdomain('salient', get_stylesheet_directory() . '/lang');

}

Cheers

Hello, is there a way of creating a global element that can be edited in one place and repeated throughout the site?

Many thanks, Danny

Hey guys. I Translated with Poedit default.po to my language. But when i open search and “Hit enter to search or ESC to close” – doesnt translating. I found this string in nectar_salient_strings.pot – and translate to Russian, after translating phrase if i save this file he saving in ru_RU and all previous translatings deleting by this one. How i can fix this and translate this string?:’(

Hey esqu1red,

You need to save the default.po as ru_RU.po or use the nectar_salient_strings.pot file to generate a new .po in your language code

Cheers

Do you support SVG logo?

Hey weiqispace, WordPress by default disables SVGs from being uploaded but there’s a few plugins out there to enable the functionality such as https://wordpress.org/plugins/svg-support/

Cheers

Hey Nectar! I just imported the corporate theme for one of my clients. How would can I put the call to action in the nav bar like the corporate theme?

Happy Easter by the way

Hey lnbbroductions,

That’s totally up to you man, i’m flattered you’d want to :D

I’ll also definitely keep the interview in mind!

Happy (late) Easter to you as well :)

For sure man. I thought it would be pretty cool.

And I understand if you want to wait until I have a larger of an audience for it to be worth your time. Ill make a goal of 10,000 and ask you again then.

I updated my Salient theme to the newest version today 8.5.5 and had a Fatal Error in the salient header.php file. I am still able to access the admin dashboard so i updated wordpress and now the screen in blank white. Can you please help? Can you also send me the previous Salient version so i can revert it back?

Hey corinafong,

There’s no such known issue with the current version header.php file, can you elaborate on what the error stated? Also, have you opened a ticket yet with the relevant URL so we can inspect the setup? https://themenectar.ticksy.com

Cheers

Hey i have a issue please, why the mobile icon menu is so small ??? www.ordersteroidsonline.ca

yeah i know about this , is modified cause i tried few thing for this issue before come here.. i will but back the original one but , will not make any difference lol :P

i just don’t understand cause both website are clone basically

has you can see.. i changed it , but still same issue …...

Inspecting the source of your page shows that the HTML tags are malformed right from the start of the document, there’s two separate declarations showing for the opening html and head tags https://imgur.com/a/JRfF8 which is preventing mobile devices from accurately parsing the page. This formatting error does not exist in a raw copy of Salient, so you would need to open a ticket in regards with your admin credentials to allow us to see what’s going on in your setup. Or if you simply upload a fresh version of the theme it would likely sorted it

Hello,

Can you help me to see why my portfolio items are not visible on mobile screen?

http://anetworkz.com/portfolio

Aprreciate! Thanks!

Hey michelleoui, i’m seeing some custom javascript that was added into the bottom of the init.js file which is causing an error on mobile devices and preventing the rest of the file to execute normally. Once that customization is removed, the issue should go away

Cheers

Hello May I know from which line onwards is the customization? As it was added by the previous person in charge, I didnt know how the original init.js supposed to be. Thank you so much for your help!

Hey michelleoui, this is the segment that should be commented out or removed https://pastebin.com/NBFQCJQz

Cheers

Hi TN,

I see in one of the examples (Corporate) the short code for animating icons:

[icon enable_animation=”true” color=”Accent-Color” animation_speed=”Fast” icon_size=”” animation_delay=”400” image=”basic_compass.svg”]

Obviously this is not Visual Composer component. Is this short code encoded within Salient? Where can I find more information about this (all icons, where I can upload new icons, available settings, etc).

Hope to hear from you, Marc

Hey Marc, that’s the icon shortcode which is available in the nectar shortcode generator in any textblock, however over a year ago we added the icon shortcode into the page builder as the “Icon” element. The icon page builder elements offers all the same features as the original icon shortcode

Hey!

Would like to decrease the gap between ‘We Are’ (text) and ‘Marketyze’ (image) on the first fold:

marketyze [dot] io

Columns are 1/6 (we are) + 2/6 (marketyze) + 1/2

‘Marketyze’ needs to be centered as text to make sure it looks nice on mobile

Thanks

In ideal scenario the whole sentence is entire centered vs. using columns, but it’s hard to get this right on desktop + mobile (where it should be two centered sentences)

Hey j0nthn,

1. In the responsive options tab when editing the column holding the marketyze image, change the column widht on mobile to be 1/1

2. add this into the custom css box in your Salient options panel:


.mobile .first-section .vc_col-sm-4 {
   margin-bottom: 0!important;
}

You can also create two different versions of the design (one for mobile/desktop) but using the responsive options tab and hiding the display on each separate column grouping on the relevant viewport

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