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

Woocommerce

alignmentColumnproductProduct alignmentwoocommerce
    • 9 years, 1 month ago spe6
      Participant

      Expired

      Good day!

      Before I bought theme I asked in comments if theme is compatible with woocommerce and you said that it’s fully compatible.

      Ok, I installed woocommerce and have some questions.

      – how can I set up /shop page? Sidebar and widgets for example?

      https://prnt.sc/d71zzr

      – how can I set up single product page? it looks not good, for example tabs with description, quantity

      https://prnt.sc/d722ri

       

       

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Please make sure to have selected the shop page in WooCommerce > Settings > Checkout > Checkout Pages (screenshot).
      Do you have any third party plugin installed?
      Please fill in the necessary information on your extra information fields of your profile data. So we can give a closer look to the single product layout.

      Read this article for more information.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      You have outdated versions of WordPress, theme and Woocommerce. There has been important changes since then. Please deactivate all third party plugins and then update theme to it’s latest version. Read theme’s online documentation for more information.
      After this, proceed in updating Woocommerce.
      Let us know.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Hi!

      I’ve updated all, product page looks good. But shop page still is without sidebar, how can I add this? https://prnt.sc/d8vlro

      Some more questions:

      In product page how can I remove picture zoom on hover? I don’t need it at all, picture is already big. https://prnt.sc/d8vmbd

      In shop page how can I remove this blue overlay on hover from product? I don’t need it. https://prnt.sc/d8vnx9

      Facebook like plugin stopped working correct after I updated template. Where can be a problem? https://prnt.sc/d8vpjy

      Thanks!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      The shop page is indeed a page. It will take the layout you have set up in General Options > Layout > Pages Default Layout. I edited it and set a sidebar to page’s (see screenshot).
      Second step is to add the woocommerce widgets to “Sidebar Woocommerce” in Appearance > Widgets.
      Lastly, i added this code into your custom css box:

      .woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product {
          width: 41% !important;
      }

      Please check your site and let us know.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Hi!

      Thanks! That is what I need but how I can change in shop page product grid? Now there is 2 columns but I need 3 columns. https://stronghold.md/shop/

      Thanks!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      In file woocommerce/content-product.php i edited this line:

      if ( 0 === ($woocommerce_loop['loop'] + 1) % $woocommerce_loop['columns'] ) {
      	$classes[] = 'last';
      }

      To this:

      if ( 0 === ($woocommerce_loop['loop'] - 1) % $woocommerce_loop['columns'] ) {
      	$classes[] = 'last';
      }

      And i removed the custom css added in the last reply.
      The products show in 3 columns now. Please check your site.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Thanks a lot! But there are some mistakes.

      For example: https://prnt.sc/daetx5

      https://stronghold.md/product-category/pro-press/

      https://stronghold.md/product-category/мфу/

      Also please look at space between columns in shop and all categories: https://prnt.sc/daeyh1

      Thanks!

       

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Please go to file css/woocommerce.css and find this line:

      .woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product {
         width: 30.8011350%;
      }

      Replace with this:

      .woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product
      {
         /* width: 30.8011350%;*/
      }

      Only for the categories, it will show the products in 4 column. Sorry but this is a restriction of the plugin and for now this is all we can support.
      Our developers team is looking into it and will include a fix in the next theme update.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Thanks! Did you know when will be next update? I can’t show this site to my client :(

      Also I want to move sidebar from right side to left side, how can I do this? (single product page and categories)

      https://stronghold.md/product-category/pro-press/

      and

      https://stronghold.md/product/konica-minolta-bizhub-press-c1070/

      • This reply was modified 9 years, 1 month ago by spe6.
    • 9 years, 1 month ago spe6
      Participant

      Expired

      Can you give me an answer? Thanks!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      I can’t tell a certain date just yet, but the update is in process and will be released soon. You will be notified via email.
      The sidebar position is predefined from woocommerce product category templates. You can create specific template for specific category using taxonomy-product_cat.php template.

      For more information visit this page.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Ok, I’m waiting. Some more questions that I asked earlier:

      In product page how can I remove picture zoom on hover? I don’t need it at all, picture is already big. https://prnt.sc/d8vmbd

      In shop page how can I remove this blue overlay on hover from product? I don’t need it. https://prnt.sc/d8vnx9

      Facebook like plugin stopped working correct after I updated template. Where can be a problem? https://prnt.sc/d8vpjy

      Thanks!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      1-To remove the zoom please add this code into your custom css box:

      .woocommerce #content div.product div.images {
          pointer-events: none;
      }

      2-To remove the overlay please add this code:

      .woocommerce ul.products li.product:hover .overlay, .woocommerce-page ul.products li.product:hover .overlay {
         /* background: rgba(16, 184, 199, 0.02);*/
          display: none;
      }

      This line:/* background: rgba(16, 184, 199, 0.02);*/ is the color of overlay background. If you decide to keep it, just remove the display:none; and the comment brackets /*..*/. Change the color to your wish and save changes.

      3-I don’t see any facebook plugin installed in your site. Only a text widget with a link to a facebook page. The link is functional. What plugin did you use before?

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      1-Thanks!
      2-This code removes overlay (changes color), but I need to remove button “read more” too. How can I do this? https://prnt.sc/dcqck6
      3-Thanks!

    • 9 years, 1 month ago Kris
      Participant

      Hello,

      You can add this code to CSS box to remove the button too:

      .woocommerce-page ul a.button.product_type_simple.ajax_add_to_cart.btn-bt.default {
          display: none;
      }

      Let us know.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Super! Thanks!

      May I ask some more questions?

      1 – In shop page how can I remove sort selecting? I don’t need it

      https://prnt.sc/dcr3s2

      2 – How can I change height of this element? Now it is about 40px, I need for example 30px

      https://prnt.sc/dcr5l8

      3 – In shop page there is 3 columns of products https://stronghold.md/shop/, but in products category page there is 4 columns https://stronghold.md/product-category/pro-press/

      How can I change grid in categories? I need 3 columns?

      4 – In product page there are 4 related products. How can I change this grid to 3?

      5 – In products category page and single product page there is basic header style (left with breadcrumbs). How Can I change it to Centered header style?

      Like in shop page https://stronghold.md/shop/

      Thanks!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      1-Remove the sort selecting drop-down by adding this custom css:

      .select2-container.orderby {
          display: none;
      }

      2-That is the top header area. To change it’s height, please go to General Options > Header Options > Top Widgetized Area > Top Nav Height, edit the height here.

      3-This is not possible for now using theme options. That’s because this is a woocommerce feature. Our developers are reviewing it and will include a change in the next theme update.

      4-To change the related product number, i opened file functions-woocommerce.php and find these lines:

      function woo_related_products_limit() {
      
        global $product;
          
          $limit = 4;

      I edited limit value to 3 and saved changes. Please check your product page.

      5-The product category page and single product are part of the included woocommerce plugin. They use the plugins templates. While the centered page header is a theme specific feature. To add this feature in products, requires coding that is not included in this support service.
      You could do it your self or hire a developer to do it for you.

      Please read more regarding our support policy here.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Hi!

      1 – Thanks!

      2 – Thanks!

      3 – I’m waiting, thanks :)

      4 – After you changed value to 3 it just removed 4th product and leaved free space (https://prnt.sc/dd54ks)

      But will be right if this space disappear and thumbnail will be bigger (https://prnt.sc/dd56yq)

      Is it possible?

      5 – I understand, thanks. But may be you can tell me where I can remove just breadcrumbs in product category and product page (https://prnt.sc/dd58ch)?

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      4-I added this code into your custom css box:

      .single-product .with_sidebar ul.products li.product {
          width: 30% !important;
          margin-bottom: -35px !important;
      }

      This is the closest you can get. Please check your product page. If you increase the width more, it will put the last product in new row.

      5-To remove just the breadcrumbs for these two pages, i added this code:

      .single-product .breadcrumbss { display: none;}
      .tax-product_cat .breadcrumbss { display: none;}

      Please check your site and let us know.

      Best regards!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Great support! Thanks!

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      I am glad to know that we were able to help. If you are happy with our support, please
      rate the product with 5 stars under the Downloads tab of your Envato
      profile.
      This is very important for us to be able to keep working hard and provide more
      awesome work.

      Thank you for being an awesome customer!

    • 9 years, 1 month ago spe6
      Participant

      Expired

      Done :)

    • 9 years, 1 month ago Mirela
      Participant
      This reply has been marked as private.
    • 9 years ago spe6
      Participant

      Expired

      This reply has been marked as private.
    • 9 years ago Mirela
      Participant

      Hello,

      1-Sorry for the inconvenience. I fixed it.

      2-I added this code into your custom css box:

      .woocommerce-page div.product div.images {
          padding-left: 15px;
      } 

      edit the padding to your wish.

      3-You can use shortcodes. Go to the ‘View’ tab in your post text editor and click on the Codesless shortcodes. See screenshot: https://pho.to/AYNj1

      Let us know.

      Best regards!

    • 9 years ago spe6
      Participant

      Expired

      Thanks a lot! Perfect!

      And last some questions:

      1. how can I rename related products in this section? I don’t know why this is in English, I have wp and woocommerce in Russian – https://prnt.sc/dguon8
      2. in blog page (https://stronghold.md/news/) how can I remove «on» in the date? https://prnt.sc/dguqmo
      3. also I want to remove «read more» button from blog page https://prnt.sc/dgut5r
      4. in archive page (https://stronghold.md/2014/12/) I want to remove «read more» button and this blue overlay on hover https://prnt.sc/dguygl
    • 9 years ago spe6
      Participant

      Expired

      Can you please answer me? Thanks!

    • 9 years ago Mirela
      Participant

      Hello,

      Sorry for the late reply.

      1-Translate the “RELATED PRODUCTS” from the .PO/.MO files located in the ‘lang’ folder. Or change it directly in file specular\woocommerce\single-product\related.php

      2-Go to file \includes\view\blog\loop-second-style.php and find this line:
      <li><i class="linecon-icon-calendar"></i><?php _e('On', 'codeless') ?> <?php echo get_the_date() ?></li>
      Remove the <?php _e('On', 'codeless') ?> and save changes.

      3-Add this code into your custom css box:

      .page-id-771 .btn-bt.default {
          display: none !important;
      }

      4-Add this code into your custom css box:

      .blog-article.standard-style .media .overlay {
          opacity: 0 !important;
      }
      .blog-article .btn-bt.default {
          display: none !important;
      }

      PS: Please open a new ticket for other requests. This is already overloaded and has lost it’s initial purpose. Keeping one ticket per issue, makes the support more clear and the browsing effective.
      Thank you for understanding!

      Best regards!

    • 9 years ago spe6
      Participant

      Expired

      Thanks a lot!

Viewing 30 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