Digital experiences for all disciplines
Forum Replies Created
-
-
For Question 2:
Please add this code to your theme options CSS input:
.widget_product_search form { position: relative; } form.woocommerce-product-search:after { content: "\e605"; font-family: 'atelier'; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 18px; padding-right: 15px; position: absolute; float: right; top: 9px; right: 0; color: #333; } .woocommerce-product-search input { margin: 0; border: solid #e3e3e3; border-width: 0px 0px 2px 0px; width: 100%; height: 42px; font-size: 14px; line-height: 19px; padding-left: 15px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
Thanks,
DavidHey,
Question 1:
Rather than use the search widget from the page builder, insert the HTML element and copy this code in. This will limit that search box to just your products.
<div class="spb_search_widget spb_content_element col-sm-12"> <div class="spb-asset-content"> <form method="get" class="search-form search-widget" action="http://toonfolio.com/"> <input type="text" placeholder="Search" name="s" class="input-standard"> <input type="hidden" name="post_type" value="product" /> </form> </div> </div>
I’ll take a look at your second issue now.
Thanks.
David.Hi,
I believe you need to set the options ‘Variations => Default’ to anything other then ‘No default size’.
Or you could filter the text, ex:
/* Change Woocommerce Default Value Text */ add_filter('gettext', 'choose_option'); add_filter('ngettext', 'choose_option'); function choose_option($translated) { $translated = str_ireplace('Choose an option', 'Select Size', $translated); return $translated; }
I am guessing ‘Choose an option’ is equal to ‘Kies een optie’?
Thanks.
Attachments:
You must be logged in to view attached files.June 22, 2015 at 1:58 pm in reply to: Issues following update on storefront and product page #187002Hey,
I am looking into this now for you.
q1) The shop and single product page seems to be fixed after re-saving the options and setting the page layout to boxed.
q2) This seems to be isolated to just that /shop/ page. I cannot replicate this on my dev version or on a standard page on your site. – I’ll need to investigate this further.
Thanks,
David.Hi Johan,
I can confirm this for the ‘Post Title’ => ‘Hero’ option.
Please use the below code to adjust it, i’ll report this back for future improvements on the next update.
@media only screen and (max-width: 479px) { .page-heading.fancy-heading .heading-text { padding: 25px; } } @media only screen and (max-width: 767px) { .page-heading.fancy-heading .heading-text { padding: 50px; margin-top: 0!important; } }
Thanks,
David.Hi Johan,
I cannot replicate this issue on my dev version. Do you still experience this as your page looks normal for me?
– If I select the ‘Page Title’ option ‘Hero’, it will default to the featured image if you do not add a desired image.
– If you remove an image that was set as the background, you will need to change the option back to ‘Standard’. Otherwise it will still be set to ‘Hero’ and grab the featured image.
Thanks,
David.Hi Johan,
Could I take a look at the page you reference? If you can add a URL that would great 🙂
Thanks,
David.Hi,
A job like this will require you to get the help of a WP Developer.
To provide you with help, I have modified your function to actually return the category image. Add this to your child theme or theme functions.php file.
function woocommerce_category_hero_image() { if ( is_product_category() ){ global $wp_query; $cat = $wp_query->get_queried_object(); $hero_id = get_woocommerce_term_meta( $cat->term_id, 'hero_id', true ); if ( $hero_id != "" && $hero_id != 0 ) { $hero_image_url = wp_get_attachment_url($hero_id, 'full'); } else { $hero_image_url = ''; } } echo $hero_image_url; }
You can then call the image in your HTML like so:
<img src="<?php woocommerce_category_hero_image(); ?>" alt="" />
This is basic, but should give you enough to either try yourself or pass on to a developer. I have tested the above and the output works, you will need to add this to your modified template file.
Thanks,
David.Hey,
Great news, the plugin is very well supported by the WPML developers, for specific queries relating to that lugin open a ticket with them.
Thanks,
David.Hello,
Could you post up a link and login details to your website so we can take a further look?
Thanks,
David.June 22, 2015 at 10:51 am in reply to: More space needed around product images in category pages #186878Hi,
This issue looks resolved for me, do you require any more CSS assistance?
Thanks,
David.Hi,
q1) Add this CSS:
#footer h3.spb-heading { margin-bottom: 0; font-size: 18px; line-height: 24px; }
q2) The shortcode you entered will not get used by WordPress in that menu location ‘Navigation Label’.
For this to work you should add this code to your functions.php file or the ideally please use the child theme and add it there.
add_filter('wp_nav_menu_items', 'do_shortcode');
q3) I have added this help class for you:
nav .menu > li.current-menu-item > a { color: #ee815e!important; }
Thanks,
David.This reply has been marked as private.No problem 🙂
Hey,
1) Rui has made a handy code snippet that you can use in your child theme. Ref: http://www.swiftideas.com/forums/topic/question-regarding-social-sharing-in-posts/#post-181942
It’s only those 3 by default but you can add more modifying the social function.
Add this to the functions.php of your child theme and add your social links below the existing ones.
/* SOCIAL SHARE SHORTCODE ================================================= */ if ( !function_exists( 'sf_social_share' ) ) { function sf_social_share( $atts = null ) { extract( shortcode_atts( array( "center" => '', ), $atts ) ); if ( sf_current_theme() == "atelier" ) { global $post; $image = wp_get_attachment_url( get_post_thumbnail_id() ); $page_permalink = urlencode(get_the_permalink()); $page_title = get_the_title(); $page_thumb_id = get_post_thumbnail_id(); $page_thumb_url = wp_get_attachment_url( $page_thumb_id ); $share_output = ""; if ( $center == "yes" ) { $share_output .= ' <div class="sf-share-counts center-share-counts">'; } else { $share_output .= ' <div class="sf-share-counts">'; $share_output .= ' <h3 class="share-text">'.__("Share", 'swift-framework-plugin').'</h3> '; $share_output .= '<a class="sf-share-link sf-share-fb" href="https://www.facebook.com/sharer/sharer.php?u='.$page_permalink.'&height=640&width=660&resizable=0&toolbar=0&menubar=0&status=0&location=0&scrollbars=0"><i class="fa-facebook"></i><span class="count">0</span></a>'; $share_output .= '<a class="sf-share-link sf-share-twit" href="http://twitter.com/share?text='.$page_title.'&url='.$page_permalink.'&height=640&width=660&resizable=0&toolbar=0&menubar=0&status=0&location=0&scrollbars=0"><i class="fa-twitter"></i><span class="count">0</span></a>'; $share_output .= '<a class="sf-share-link sf-share-pin" href="http://pinterest.com/pin/create/button/?url='.$page_permalink.'&media='.$page_thumb_url.'&description='.$page_title.'&height=640&width=660&resizable=0&toolbar=0&menubar=0&status=0&location=0&scrollbars=0"><i class="fa-pinterest"></i><span class="count">0</span></a>'; $share_output .= ' </div> '; } return $share_output; } else { global $post; $image = wp_get_attachment_url( get_post_thumbnail_id() ); if ( $center == "yes" ) { $share_output = ' <div class="article-share share-center" data-buttontext="' . __( " data-image="' . $image . '"></div> '; } else { $share_output = ' <div class="article-share" data-buttontext="' . __( " data-image="' . $image . '"></div> '; } return $share_output; } } add_shortcode( 'sf_social_share', 'sf_social_share' ); }
2) Could I take a look at your WP setup? Please post us a login credential.
Thanks,
David. -
Posted in: Reply To: 3 questions