Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,199 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38438 comments found.

Hi Phil,

hope you’re doing great! I have a small problem that I just can’t fix and don’t know where to look anymore… :(

I updated to the latest Salient version and everything works great so far except for one custom VC column element on my portfolio pages. Everytime I load for example this page: https://www.gurskydesign.com/work/telegram/ the 1/6+5/6 VC column is stacked on top and overlapping other elements. But if I refresh the page, the column sorts itself and displays just how ist should.

I also attached 2 screens how it should be and how it is before doing a reload.

How it should be https://www.dropbox.com/s/fcghy3v09sjb9eb/vc_error2.png?dl=0 How it is https://www.dropbox.com/s/9v2e3ai5yxnn2dj/vc_error.png?dl=0

Do you have a clue where this small mess up is coming from? Any help would be greatly appreciated!

Thank you in advance.

ps: Another possible bug that I found is that the logo disappears on mobile (iPad, Windows Phone) on the start page when the Nectar slider is at the top… It seems to load the logo at first but then the space stays blank :(

Hey!

1. I haven’t been able to replicate this yet – which browser are you using?

2. Add this into your custom css box located in your Salient Options panel:
@media only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 144dpi) {
        #header-outer.transparent.directional-nav-effect header#top #logo span.original {
            display: none!important;
        }
        #header-outer.transparent.directional-nav-effect header#top #logo span.dark {
            display: block!important;
            position: relative!important;
            overflow: visible;
            line-height: 30px;
        }
    }

Hi Phil,

thank you for the snippet. It worked! I dug a bit through this yesterday and it looks like it only affects the page with the Nectar slider. Would this fix be implemented in the next release by any chance? This way there would be less custom css code :)

About the first bug… I found the culprit for it to be the AJAX loading… If I disable it and put it normal, then the pages and the elements load as they should. Pretty sure that it worked in 5.0 :) To replicate this… If you click on any of the first 5 portfolio items, it would load the broken version first. After a F5 or if you switch through the portfolio with the arrows at the top, it loads perfect again… https://www.gurskydesign.com/work/

Maybe there’s something broken with the AJAX loading on the initial load?

Thanks a ton again for the greatest support on ThemeForest! :)

PS: Unfortunately the logo fix is a bit weird. The logo shows up but now it is the version that is used for the dark header. This way it got also messed up on some tablets, like the Surface, where it shows the desktop version of the site with the dark version mobile logo :( Is it because of the new effects that you added to the nectar slider?

Thanks again in advance :)

Hi,

When viewing my site in mobile view, I cannot see the mobile menu at all. It should normally appear far right of main logo. If I hover over that area, and press, the drop down menu appears. Any ideas how I make the mobile menu be visible?

site: www.brandontandoori.co.uk

http://mobiletest.me/iphone_5_emulator/#u=http://www.brandontandoori.co.uk

Lastly, since the update, the slider on home page does not appear, it’s stuck? any ideas.

Thanks

Hey al33maz33m2007,

1. Could you verify that no plugins are causing the issue?

2. I currently see the Home Slider loading in, which browser are you experiencing the issue on?

Cheers

Hello!

i purchased salient and i am having an interesting time dealing with it. I just wished i had no time pressure to enjoy it a bit more!

I need my website in 2, maybe 3 languages. How should i do that?! Any suggestion/orientation??

Thanks!

Hey tallerderadios!

This is the recommended plugin :) http://wpml.org/

Cheers

do your demos include image files?

Hey – most are replaced with placeholders

I have added a full width portfolio with 4 items to a page, and I have noticed that there are some elements of css that seem to be coded inline

element.style { position: absolute; left: 0px; top: 0px; transform: translate(704px, 0px); z-index: 10; }

I am primarily interested in where i can find the “transform: translate(x,y)” line of code. I want to re-size the portfolio items to stay in a 2×2 grid between the widths of 990px and 1300px. Any help you can provide is much welcomed. You can find the example at. http://www.theblessingfoundation.org/

Hey,

Try adding this into the custom css box in the Salient options panel:

@media only screen and (max-width: 1300px) and (min-width: 990px) {
#boxed .portfolio-items .elastic-portfolio-item {
   width: 50%!important;
}
}

Cheers

Hi, I want to make sure that my pricing table is aligned properly and the ‘price’ field has a smaller font. You can take a look at how it appears here: http://stormatics.com/test.

How can I fix this?

Hey tehenyet,

Add this into the custom css box in the Salient options panel:

html body .main-content .pricing-column h4 {
  font-size: 20px !important;
}

Cheers

Hi, I want to make sure that my pricing table is aligned properly and the ‘price’ field has a smaller font. How can I do that?

Hey – could you kindly share your URL in regards?

Hi,

I am trying to add a slider to the top of the woocommerce shop page (home page). I have tried using a new page with a nectar slider and a ‘woocommerce product shortcode’ however this way doesn’t allow for the full-width shop (5 items) or product sorting. Is there a way around this? I can’t seem to find anything by searching the comments. Thanks.

Hey again – was there any particular reason why you wanted to avid using a static page not set as the shop page and then add a slider and shop display via the page builder?

Yes because you lose product sorting and the full width layout.

Thank you for all your help. I will sort something out.

Hi, I am working for my client using this theme (My client bought this theme). I am in problem in woocommerce product styling. http://www.prestige-cycles.co.uk/product/yeti-sb6-carbon/ is the link where I am working. My client wants “Product Description” to be full width. How can I do this?

What I am thinking: I will remove span_5 & span_7 both of these then will code for custom css.

Note: I am using child theme. How can I remove those? I tried to overwrite the functions images_div & summary_div in child theme but failed.

I am waiting for your suggestion.

Thanks

There’s also an option in the theme options panel > woocommerce tab for “Product Tab Position” – you could check the option for “Fullwidth Under Images”

Oh, I got it. Thanks

You’re welcome :)

Ever since the update with VC went to its own plugin, I can’t anchor link to VC tabs anymore. I was linking to tabbed content from one page to another using this format: http://www.website.com/page/?tab=tab-title

This no longer works. What can be solved for this?

Hey, this will be sorted in the next update – for now try opening your init.js file located in the js folder and changing this section:

if(typeof $_GET['tab'] != 'undefined'){
        $('.wpb_tabs_nav').each(function(){
to this:
if(typeof $_GET['tab'] != 'undefined'){
        $('.tabbed').each(function(){

Cheers

Great, thanks.

You’re welcome :)

Hi

I wonder how i can do a css file to the web?

https://www.flickr.com/photos/wufoo/2211805769/

I need it for formes I hav e done threw wufoo so that got the same look on the website with the rest.

Thanks, Mira

Hey Mira,

You can add custom styles to a child theme style.css file if need – if you’re talking about enqueuing a custom stylesheet altogether you’d need to do so through a child theme functions.php file though

Cheers

If you look at the link https://www.flickr.com/photos/wufoo/2211805769/ you could maybe understand what my question is. Or if you can explain it more simple how to sorter my issue because I do not understans how to sorter tid or why I should do I child theme. Im good in design but not codes sorry ;)

http://languageinationltd.hemsida.eu/webb/2-about-us/ bottom you will see that the form is not that good looking from wufoo. I just linked it in [wufoo username=”rawfoodcatering” formhash=”zfy512a18zhkat” autoresize=”true” height=”1141” header=”show” ssl=”true”]

and now i need to do a css file to the web so that the form will have same nice look as the rest of the website.

Is that possibly to do? Im very grateful if I could get that help.

Thanks, Mira

About child theme, and future theme updates

Hi, we have hired a developer to create a unique kind of webshop. After he has developed and styled your theme, we have noticed he has changed stuff in there “templates” and added fucntions.. So now my question is, how can we still update the theme, without losing it’s code, or breaking it.

Hey matzedoon!

It depends on what files he added into the child theme, some might need to be updated to reflect changes in the current parent theme

Cheers

So what if i dont change the theme for… months? years? will the current version we have be an easy target to break in to as it ages?

Or what is the downside of not doing any further updates on salient theme

Hey,

If you didn’t update you would simply be missing out on new features – it’s not mandatory that you update though

Cheers

Hi,

I would like to use a tint on top of the image on a nectar slider, I can’t seem to find the option for this, how can I do this? Where can I find this on the documentation?

Hey – there’s no option for this as of now, you’d have to add the overlay onto your image in a graphics editing program or globally add it to all with custom css

Cheers

Hello ThemeNectar!

Thanks to your awesome theme & support, we are almost ready to launch our webshop :)

However, during testing, we ran into a bug:

On the checkout-page, when an error happens during the payment procedure, the checkout page scrolls to the top of the page, but not far enough to actually show the WooCommerce error-bar.

The user must scroll further up to see the error-info.

...is there a quick fix for this?

Thanks in advance, again :) !

Figured it out and fixed it :)

Here’s what I did:

- copied plugins/woocommerce/assets/js/frontend/checkout.min.js to my child theme’s /js directory

- in that copy, changed line 147 from
scrollTop: a("form.checkout").offset().top - 100
to
scrollTop: a("form.checkout").offset().top - 200
- added this to my child theme’s functions.php:
wp_deregister_script('wc-checkout');
wp_register_script('wc-checkout', get_bloginfo( 'stylesheet_directory' ). '/js/checkout.min.js' , array( 'jquery' ), WC_VERSION, TRUE);
wp_enqueue_script('wc-checkout');

...and we’re good to go :)

Hey! Glad you sorted it :)

Is it possible to show just one category on the blog page? Trying to keep other categories separate.

Fixed… the amount of comments here… you guys must be busy.

Hey – glad you sorted it :)

Cheers

Hi ,

How I can create a lightbox to contact form with PrettyPhoto ??

I installed the fancybox plugin but then the gallery images are opened twice (once by PrettyPhoto and one in fancybox )

Can you help me ?

Hey maravediss,

If you want to remove the prettyPhoto functionality, remove this section from the init.js file located in the js folder:

prettyPhotoInit();
//check for late links
setTimeout(prettyPhotoInit,500);

Cheers

Hi , I have no idea where the section you say you are . Is it within the stylesheet ? Where?

Hey – it’s in the init.js file which is located in the js folder directly inside of the theme. You’ll need a plugin like this https://wordpress.org/plugins/wp-editor/ to edit the files on the server directly if you’re not doing the changes locally and then using FTP.

Cheers

Hi,

I’ve made my menu header on mobile transparent using the following css:

/*transparent header on mobile*/ @media only screen and (max-width:1000px) { body #header-outer, body #search-outer { background-color: transparent; } body #header-outer { position: absolute!important; } }

However, when I expand/collapse the mobile menu, I lose the option to close the menu again. Is there a fix for this?

Thanks again, Wizard247

http://sydneyicecream.com.au – you have login details to this site already.

Hey – add this into the custom css box located in your Salient Options panel:

#mobile-menu {
top: 95px!important;
}

Is it possible to add an image to the right side of the header as well as having the logo on the left?

Hey – as of now that would require modding the header.php file in regards

Hi, just purchased the theme. Is there any way of forcing the Nectar slider to maintain a precise aspect ratio as it re-sizes? I already have pre-built slides (simple image files, each exactly 1160×570px). Nectar keeps cropping the top/bottom or left/right edge when I resize the screen, rather than smoothly scaling the full photo.

Hey kestudi,

You can use the flexible height option on your Nectar Slider within the Visual Composer element to allow scaling like that

Cheers

Yes, I have enabled this option, but the image gets cropped differently for various screen widths. My image is 1160×570. I set the slider height to 570. For some reason, I still get a cropped image. See here: http://daugirdasmusic.com/

Hey – could you kindly open a ticket in regards with your admin credentials so I can check the setup further? themenectar.ticksy.com/

Cheers

Dear Nectar team,

After week(s) there is still no answer on 2 major woo commerce issues.

1 – On a product category shop page there is no pagination.

You told me that this would be fixed in the next update. I have just updated the theme but till now it is still not working. Just check http://50toys.nl/shop/shop-test-categories and you will see that there is no pagination buttons at the bottom the page. I have a large amounts of product to be displayed. Needles to say shop pages without pagination buttons would be unworkable.

2 – Sidebar / widget product filters still not working / wont show

I have a large range of products. So i really need a good product filtered. So I tried to use the following 5 product filters in a widget, All of them did not work: – WooCommerce AJAX Product Filter (by Farhad Ahmadi ): Wont show up in the side bar – WooCommerce Product Filter ( By Mihajlovic Nenad): Shows up in the side bar, but does not work – Advanced AJAX Product Filters for WooCommerce: Wont show up in the side bar – Advanced Product Filters: Wont show up in the side bar – YITH WooCommerce Ajax Navigation: Wont show up in the side bar

I tested everything with all plugins off… actually i don’t know where to go from know. Also all plugins do seem to work, just not when used in the salient theme.

To make life easier I have focused on only 2 plugins

So i made: – 1 widget to the Page Side bar. This one shows up, but when you use the filters, nothing happens. It does not filter.

- 2 widgets in the Woo side bar, They wont show in the page at all.

URL: http://50toys.nl/shop/shop-test-categories/

You have to be logged in to see the page though. Please see my ticket #378161. In there you’ll find all the login details.

I hope answers can be given on short notice. I’m running out of time. If, what im asking would not be possible, please let me now. I am although convinced that these features should be standard in the salient theme. Especially when the theme is to be woo commerce ready.

Hoping to hear from you soon,

Best, Marvin

Hey Marvin,

1. I did note the add pagination as an option in for that shortcode, however it turns out the WooCommerce products shortcode doesn’t offer that as an option. There’s currently a wishlist item open for it though http://ideas.woothemes.com/forums/133476-woocommerce/suggestions/4146798-add-pagination-support-for-list-of-products-render

2. Checking out the main shop page where all categories would be displayed http://50toys.nl/shop/ the plugin seems to be working that you currently have for the filtering, but it’s messing up the pagination. When removing the filter widget from the woocommerce sidebar the pagination works normally. Have you tried to switch themes and verify the plugins works on that page without doing anything weird to the pagination?

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