Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Complete the look

Complete the look
    • 6 years, 3 months ago Maium
      Participant

      Hi guys,

      could you help me? I would like to have one column in the complete the look.

      https://test.maium.nl/product/maium-original-off-white-men/

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      Please go to file includes/codeless_functions_woocommerce.php and find this line:

      if( is_single() && isset($woocommerce_loop['name']) && $woocommerce_loop['name'] == 'cross-sells' )
         $cols = codeless_get_mod( 'shop_cross_sell_single', 2 );

      Change the value 2 to 1 and save changes.

      Best regards!

      • This reply was modified 6 years, 3 months ago by Mirela. Reason: wrong file name
      • 6 years, 3 months ago Maium
        Participant

        Hi Guys,

        See screenshot. The line is not there.
        columns complete the look

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      That’s not the right file:
      https://ibb.co/PmWm95J

      Best regards!

      • This reply was modified 6 years, 3 months ago by Mirela.
      • 6 years, 3 months ago Maium
        Participant

        It is the location you said.
        I don’t know why /cart/ is in between. I think your code is wrong then.
        crosssells

        • 6 years, 3 months ago Maium
          Participant

          There is not even a cross-sells.php in the cart folder.
          no_crosssells in carty

          Please provide the right code. Really need this to be in one column as in the example of your theme.

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      Hmm you are right. It was a speedy mistake, i saw the wrong path, while editing the right file. So the file in question is includes/codeless_functions_woocommerce.php. I can’t make the change for you. SFTP connection needed. Please try again.

      Best regards!

      • 6 years, 3 months ago Maium
        Participant

        Hi there,

        I’ve added the file to mij child theme in the includes folder and there I have made the change but it does not do the trick.
        Even if I change it in the main theme it is not working.
        See screenshot.
        cross sells

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      But i see the change is showing in the single product page: https://ibb.co/6wfJGTm
      Is this not what you wanted?

      Regards!

      • 6 years, 3 months ago Maium
        Participant

        Yes, but this is 2 columns. I want it to be one column. So there has to be one image.

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      In the same file find this block:

      <?php
      
      		$woocommerce_loop['name']    = 'cross-sells';
      		$woocommerce_loop['columns'] = 2;
      
      			// Handle orderby and limit results.
      		//$orderby     = apply_filters( 'woocommerce_cross_sells_orderby', $orderby );
      		//$cross_sells = wc_products_array_orderby( $cross_sells, $orderby, $order );
      		//$limit       = apply_filters( 'woocommerce_cross_sells_total', $limit );
      		//$cross_sells = $limit > 0 ? array_slice( $cross_sells, 0, $limit ) : $cross_sells;
      
      		wc_get_template( 'single-product/cross-sells.php', array(
      				'cross_sells'        => $cross_sells,
      
      				// Not used now, but used in previous version of up-sells.php.
      				'posts_per_page'	 => 4,
      				'columns'			 => 2,
      		) );
      
      	?>

      Edit out the number 2, to 1. Save, clear cache and refresh page.

      Best regards!

      • 6 years, 3 months ago Maium
        Participant

        Really, it is not working. It resizes the current column.
        Looks like you do not understand me. I do not want to show two items, just one that covers the full width.

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      I added some custom css in General > Custom css. Please go to file css / codeless-woocommerce.css and find this line:

      .single-product .cl-complete-look .shop-products.name-cross-sells .product_item .cl-thumb-wrapper{
          max-width: 120px !important;
          width:75% !important;
      }

      Edit max-width to 320px. Save changes.
      Let me know.

      Best regards!

      • 6 years, 3 months ago Maium
        Participant

        This works!
        Thanks a lot.

Viewing 6 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password