Home Forums Themes Support Claue Migrating to Claue on a live site

Topic Resolution: Resolved

This topic contains 59 replies, has 2 voices, and was last updated by  Harry 1 month, 1 week ago.

Viewing 15 posts - 31 through 45 (of 60 total)
  • Author
    Posts
  • #29152

    Hi Harry,

    Thanks so much for the code, it worked, thank you kindly!

    We’ve now completed the set up for this site and have some hopefully final issues to resolve.

    – In the shopping cart the green ‘continue shopping’ button doesn’t go anywhere, nothing happens when you click on it – assuming that it should redirect back to the store page?

    – How can we remove the subcategories boxes on the Dresses page which now appear?

    – Can the filter headings on the product catalogue pages be made expandable/collapsible – is there some kind of a code snippet we can use for that? Otherwise all the filter options carry on down the page for an eternity.

    -The search option currently gives out of stock results too, how can we prevent the items which are marked as out of stock from appearing?

    -We’ve created a ‘New in’ page on the menu. The same sidebar option is enabled as for the other pages, however only the categories show instead of the filter which should also show like on the other pages.

    -Is there a lazy load option built in for the site? Is so how do we enable this?

    -On the home page, below the slider in the static row, under ‘customer reviews’ we added some text with a link to a page with customer reviews. However, the link keeps disappearing and/or going to a 404 error. Can you advise how to add a link inside this ‘icon and text’ field in the pagebuilder?

    -The pictures on the homepage. We added a customer gallery, used the same pixel dimensions as the demo photos from the Instagram feed (320×320) yet the pictures came out much larger. So we ended up scaling back the pixel dimensions on the customer gallery photos ourselves (under Don’t you look lovely!’) but now they are no longer responsive on mobile. Could you advise how this is done? We did follow the settings which were there for the demo instagram feed.

    This is the same with the photos above linking to categories (eg one is Shop skirts). These were set up in the demo as boxes, yet these uploaded as rectangles. We could not find anywhere inside the pagebuilder box options where we can change the dimensions or reduce the size.

    10. We’ve now reactivated Site Ground’s caching plugin in to try to speed up the site, and we have minification and other options enabled, however the site load Tools.pingdom is still extremely slow.
    (see:  https://tools.pingdom.com/#5a45da7a6c800000  )

    Any suggestions on how to speed this up? We are already running into issues on some browsers like Edge with lazy loading (slider doesn’t appear) so not sure that an extra minification option is the way to go.

    Thanks very much in advance for your assistance.

    #29166

    Hi Netmind,

    1. Please add below code to claue-child > functions.php

    add_filter( 'woocommerce_continue_shopping_redirect', 'my_continue_shopping_redirect', PHP_INT_MAX );
    function my_continue_shopping_redirect() {
      return 'http://mysite.com/shop/';
    }

    change mysite.com with your domain

    2. Please go to Appearance > Customize > WooCommerce > Product Catalog and follow this screenshot http://prntscr.com/moy6pl

    3. I’m sorry the YITH plugin doesn’t support expandable/collapsible if you want you have to change plugin https://codecanyon.net/item/woocommerce-product-filter/8514038?s_rank=45

    4. Please go to WooCommerce > Settings > Products > Inventory and check in “Hide out of stock items from the catalog”

    5. Please go to Appearance > Customize > WooCommerce > Product Catalog > Default product sorting > choose “Sort by latest”

    6. Please go to Theme Option > WooCommerce > Product Listing Settings > Pagination > Choose Loadmore

    7. I’m sorry the element “Icon & Text” doesn’t support insert link. Please add custom HTML code and insert link

    <div class="jas-service tl">
    <div class="icon medium cp" style="color: #696969;"><i class="pe-7s-star"></i></div>
    <div class="content"><h3 class="title cp tu fs__14 mg__0 mb__5" style="color: #000000;"><a href="https://yoursite.com/reviewlink">CUSTOMER REVIEWS</a></h3><p class="mg__0">Your text content</p>
    </div></div>

    change “https://yoursite.com/reviewlink” with your link and “Your text content” with your text

    8. Please edit gallery and change thumbnail dimension like this screenshot http://prntscr.com/moybpu

    9. For page builder it doesn’t have option to crop image or reduce image size and dimension. I recommend crop on your computer before upload.

    10. Please optimize your images now exist on your site https://wordpress.org/plugins/wp-smushit/ and optimize at https://tinypng.com/ before upload

    Check result at https://gtmetrix.com/reports/1950sglam.com/SQReOhZe to know what need to do to improve speed.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #29381
    This reply has been marked as private.
    #29382

    Hi Netmined,

    For search, please try plugin on this topic http://support.janstudio.net/forums/topic/ajax-search-plugins/

    5. The page you’re using for “New Arrival” is custom page not shop page or category page so it doesn’t support to show filter on custom page, you have to create “New Arrival” category and assign product for this category or setting show short by latest.

    7. Please create 4 columns and 3 cols use “Text & Icon” element and 4th column use Custom HTML element

    8. Please use “Media Grid” element, i help you do it

    9. You need to activate plugin WP Bakery PageBuilder and Claue Addon to home page running.

    10. Please go to Pages > New Arrival > Edit and scroll down to Page Layout Option > Page Title > Off.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #29513

    Hi Harry,

    Thank you very much for your reply.

    5. We don’t mind making the ‘New Arrivals’ page into a Category instead of a page. But when we create it as a category, how can we show nothing but ranging by latest products? (basically we want to show the shop page results but this time to show them in ‘latest’ order instead of custom sort) With adding categories, it looks like it is just manual clicking to add products to them. Let us know what you meant by showing ‘sort by latest’ just for this one category.

    7. Thank you, that worked great! 🙂

    8. It looks like it is already a media grid. Did you go ahead and switch it from gallery to media grid? If yes then thank you! 🙂  We originally scaled down the photos to make sure they would fit the container but the quality (especially on mobile) is terrible. We know that page builder does not do default sizes for images but do you know what should be the best pixel size dimension for this layout?

    10. We know about switching the page title off. But apparently this has a really bad impact on SEO because the page title is a H1 tag (is this true?). If we can’t switch off the page title, can you please tell us where we can change the colour of the big grey band and the text? We tried a few different ones in ‘typography’ but none of them were the right ones.

    11. The new site has been live for a few days now and we noticed that the yith newsletter popup keeps popping up every time you load up the website even though we selected in the setting for it to go away for 3 days after it has been closed by a user. We have now had to switch it off altogether because it would not stop. Could you please let us know how to force it to not show for 3 days after someone closes it?

    Thanks again!

    #29522

    Hi,

    5. Please go to Appearance > Customize > WooCommerce > Product Catalog > Default Sorting > Most recent products http://prntscr.com/munn6k

    8. Yes, i hep you changed to media grid instead of gallery.

    10. You can change background by upload page’s featured image.

    11. I check on my local it still work well not sure which cause issue on your site. Did you try clear cache on CDN? If not please try this plugin https://wordpress.org/plugins/wordpress-popup/

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #29532

    Hi Harry,

    Thank you for your reply.

    I think you misunderstood a couple of my questions though.

    5. We only need the ‘sort by latest’ on the New Arrivals page, not for all of the product categories. This is why we set up New Arrivals as a separate page. But we need it to look like the other shop pages and to have the Woocommerce filter on it. You said above that it is not possible to have the filter on the normal page, only on the category or shop page. So we can change New Arrivals from a normal page to a shop category, but how can we then have the product sorting just for this category to be ‘sort by latest’? Or if this is not possible, can you advise what code snippet we need to add to get the product filter to appear on the current New Arrivals page?

    8. Thank you kindly for that. 🙂  The question was, we know that page builder does not do default sizes for images but do you know what should be the best pixel size dimension for this media grid layout? We need to know so we can optimise the images properly.

    10. We already have a background uploaded for the whole website but the question was not about that. When the page title is switched on, it has an ugly big grey band across the screen with the name of the page in white in the middle. See here  https://prnt.sc/mv1vfu   How can we change the colour of the grey band and the writing? We have tried a few of the typography settings but none of them worked.

    11. We did clear the cache and the pop up still kept popping up on multiple visits even though it was set to stop for 3 days. Thanks for the suggestion on the other plugin, we’ll take a look.

    Thanks again.

    #29539

    Hi,

    5. I’m sorry it doesn’t option for only one category sort by latest, it will apply for all. And can’t add filter for custom page

    8. I think it now you’re using 320×320 is the best. It good for desktop and mobile too.

    10. Please add below code to Claue > Theme Option > General Layout > Custom CSS

    .page-head::before {
    	background: rgba(0,0,0,0.5);
    }

    and change 0,0,0 as your RGB color and 0.5 as opacity from 0.0 to 1.0

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #29618

    Hi Harry,

    Thank you for your reply and the code snippet. We’ve added it in the custom css field but no change. We also tried adding it in the style.css folder in the theme editor and no luck there either. All caches were cleared before we tested it.

     

    #29633

    Hi,

    Please change 0,0,0 as your RGB color:

    Example http://prntscr.com/mwmf9i the code is

    .page-head::before {
    	background: rgba(233,30,99,1.0);
    }

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #29645

    Many thanks Harry, that worked. 🙂

    #30265

    Hi Harry,

    The code snippet to make the page title invisible works great but it should only do this on the New Arrivals page, not all of them. How do we amend the CSS to just work only on that page?

    Also, there seems to be an issue with product category descriptions not appearing on the page. For example we have category text for the Wedding Glam’ section which should show up on the page but it doesn’t. We’ve played around with the settings but can’t seem to be able to make it come up.

    We also need to make this text appear at the bottom of the page, below the products for that category rather than at the top. Could you please let us know how to switch this?

    Finally, a couple of question about the home page. We can’t find any H1 tags on the home page for the store name. Most themes and sites these days seem to have the shop logo be the H1 tag. How do we do this? For obvious reasons, we don’t want to be duplicating the title separately on that page with another H1 tag which is not necessary.  We have also set up a H2 tag on that page but the size of the heading is a little bit too big. How can we keep it as H2 but reduce the size of it a little bit?

    Many thanks in advance for your reply.

    #30271

    Hi,

    1. Please change code example to http://prntscr.com/nags52

    .page-id-5018 .page-head::before {
    	background: rgba(233,30,99,1.0);
    }

    2. Please use the file you sent me add below code to Claue > Theme Option > General Layout > Custom CSS

    .term-description {
    	display: block;
    	margin-top: 30px;
    }

    and add below code to claue-child > functions.php

    /* move category description below products */
    add_action( 'wp_head', 'remove_my_action' ); 
    function remove_my_action(){
    	remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
    }
    
    function jas_claue_child_wc_page_head() {
    	if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;
    
    	$title = cs_get_option( 'wc-page-title' );
    
    	$output = '<div class="page-head pr tc"><div class="jas-container pr">';
    		if ( is_search() ) {
    			$output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
    		} elseif ( is_shop() ) {
    			$output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
    			$output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
    		} else {
    			// Remove old position of category description
    			remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
    			$output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
    			//$output .= do_shortcode( category_description() );
    			add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 100 );
    		}
    		ob_start();
    		$output .= ob_get_clean();
    	$output .= '</div></div>';
    
    	echo wp_kses_post( $output );
    }
    
    add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

    3. You can add your custom H1 to home page content, to reduce font size of H2 on your home page, please edit home page and edit heading element.

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    #30285

    Hi Harry,

    Thank you for your quick reply.

    On no. 1 – how/where do we change the colour of the page titles? (so to change not the background to the title but the colour of the actual writing)

    2. Thank you, this worked but it doesn’t look like the organic way that woocommerce displays  category text (it runs right to the edge of the page and doesn’t look natural). It should appear as part of Woocommerce, it should not need any extra code to make it appear (this is how it was on our old theme). Could you please let us know how to make it appear within Woocommerce without this code override?

    3. Thank you for the code to move the category description to the bottom of the page. We’ve placed it into functions.php but unfortunately it didn’t work. The text on Wedding Glam category is still at the top.

    4. Thank you for your but this is not what I was asking. We want to be able to have the website logo be designated as the H1 tag. This is now quite common for many websites. How can we do this?

    And regarding the H2 tag/title – we just want to manually adjust the size of the font on the front page. If we reduce it in Page Builder, it drops it down from H2 to H3 which is bad from an SEO point of view. So just how can we manually reduce the size of that heading in Page Builder with CSS?

    Many thanks again.

     

    #30301

    Hi,

    1. Please add code

    .page-id-5018 .page-head h1,
    .page-id-5018 .page-head {
    	color: #fff;
    }

    and change #fff to your

    2. Please change code to

    .term-description {
    	display: block;
    	width: 100%;
    	max-width: 1170px;
    	margin: 30px auto;
    }

    3. This issue because you turn off page title option in Theme Option > WooCommerce > Page Title

    Please change code to

    remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
    add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 100 );

    4.
    – Please add below code to claue-child > functions.php

    if ( ! function_exists( 'jas_claue_logo' ) ) {
    	function jas_claue_logo() {
    		$output = '';
    
    		$output .= '<div class="jas-branding ts__05"><h1>';
    			$output .= '<a class="db" href="' . esc_url( home_url( '/' ) ) . '">';
    				if ( ! cs_get_option( 'header-transparent' ) ) {
    					if ( cs_get_option( 'logo' ) ) {
    						$logo = wp_get_attachment_image_src( cs_get_option( 'logo' ), 'full', true );
    
    						$output .= '<img class="regular-logo normal-logo" src="' . esc_url( $logo[0] ) . '" width="' . esc_attr( $logo[1] ? $logo[1] : '' ) . '" height="' . esc_attr( $logo[2] ? $logo[2] : '' ) . '" alt="' . get_bloginfo( 'name' ) . '" />';
    						if ( cs_get_option( 'logo-sticky' ) ) {
    							$logo = wp_get_attachment_image_src( cs_get_option( 'logo-sticky' ), 'full', true );
    							$output .= '<img class="sticky-logo" src="' . esc_url( $logo[0] ) . '" width="' . esc_attr( $logo[1] ? $logo[1] : '' ) . '" height="' . esc_attr( $logo[2] ? $logo[2] : '' ) . '" alt="' . get_bloginfo( 'name' ) . '" />';
    						}
    					} else {
    						$output .= '<img class="regular-logo" src="' . JAS_CLAUE_URL . '/assets/images/logo.png' . '" width="96" height="29" alt="' . get_bloginfo( 'name' ) . '" />';
    					}
    
    					if ( cs_get_option( 'logo-retina' ) ) {
    						$logo_retina = wp_get_attachment_image_src( cs_get_option( 'logo-retina' ), 'full', true );
    
    						$output .= '<img class="retina-logo normal-logo" src="' . esc_url( $logo_retina[0] ) . '" width="' . esc_attr( $logo_retina[1] ? $logo_retina[1] / 2 : '' ) . '" height="' . esc_attr( $logo_retina[2] ? $logo_retina[2] / 2 : '' ) . '" alt="' . get_bloginfo( 'name' ) . '" />';
    					} else {
    						$output .= '<img class="retina-logo" src="' . JAS_CLAUE_URL . '/assets/images/logo-2x.png' . '" width="96" height="29" alt="' . get_bloginfo( 'name' ) . '" />';
    					}
    				} else {
    					if ( cs_get_option( 'logo-transparent' ) ) {
    						$logo = wp_get_attachment_image_src( cs_get_option( 'logo-transparent' ), 'full', true );
    
    						$output .= '<img class="regular-logo normal-logo" src="' . esc_url( $logo[0] ) . '" width="' . esc_attr( $logo[1] ? $logo[1] : '' ) . '" height="' . esc_attr( $logo[2] ? $logo[2] : '' ) . '" alt="' . get_bloginfo( 'name' ) . '" />';
    						if ( cs_get_option( 'logo-sticky' ) ) {
    							$logo = wp_get_attachment_image_src( cs_get_option( 'logo-sticky' ), 'full', true );
    							$output .= '<img class="sticky-logo" src="' . esc_url( $logo[0] ) . '" width="' . esc_attr( $logo[1] ? $logo[1] : '' ) . '" height="' . esc_attr( $logo[2] ? $logo[2] : '' ) . '" alt="' . get_bloginfo( 'name' ) . '" />';
    						}
    					} else {
    						$output .= '<img class="regular-logo" src="' . JAS_CLAUE_URL . '/assets/images/logo.png' . '" width="96" height="29" alt="' . get_bloginfo( 'name' ) . '" />';
    					}
    
    					if ( cs_get_option( 'logo-transparent-retina' ) ) {
    						$logo_retina = wp_get_attachment_image_src( cs_get_option( 'logo-transparent-retina' ), 'full', true );
    
    						$output .= '<img class="retina-logo normal-logo" src="' . esc_url( $logo_retina[0] ) . '" width="' . esc_attr( $logo_retina[1] ? $logo_retina[1] : '' ) . '/2" height="' . esc_attr( $logo_retina[2] ? $logo_retina[2] : '' ) . '/2" alt="' . get_bloginfo( 'name' ) . '" />';
    					} else {
    						$output .= '<img class="retina-logo" src="' . JAS_CLAUE_URL . '/assets/images/logo-2x.png' . '" width="96" height="29" alt="' . get_bloginfo( 'name' ) . '" />';
    					}
    				}
    			$output .= '</a>';
    		$output .= '</h1></div>';
    
    		echo apply_filters( 'jas_claue_logo', $output );
    	}
    }

    – Please check this option http://prntscr.com/natz03 to add font size for heading

    Kind regards

    Harry
    Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 15 posts - 31 through 45 (of 60 total)

You must be logged in to reply to this topic.