Custom Side bar for shop page

Hi. How do i remove the default sidebar on the shop page and replace with a custom side bar created in theme options and customized in widgets.

Ive created a custom sidebar in theme options called "products"
Then added 6 widgets to the custom sidebar in  *widgets*

now must enable it on shop page.

Also in single product post, how do i decrease the size of the related products at the bottoms so they are 6 related on a single line.

thx


Comments

  • NEVERMIND about the first question. i just realized its under the woocommerce widget. still wondering bout related products sizing

    thanks

  • Hi,
    1) Go to your main shop page and edit it, below Muffin Builder you'll find a Layout option, there you can select which sidebar and on which side you want to use it:

    2) There are many types of featured images in the theme, here are instructions for changing them:
    1. To change the size of the images used in portfolio/blog/shop, please navigate to theme options>blog,portfolio&shop>featured image.
    2. To change the size of the default WordPress gallery images, please go to settings>media.
    3. To change the woocommerce images size please go to the customizer tool in wordpress and change it in the front-end.
    More information HERE

    Notice!
    Remember to use thumbnail regeneration after you make your changes. Otherwise, the images will not change their size.


    thanks

  • thanks for the reply. if i change the feature image size in the blog/shop.portfolio wont it change the size of all feature images throughout. i only want to change the size when they are displayed in the related products section.
  • edited July 2018
    Hi,
    Copy and paste this Custom CSS code.

    1. body.single-product .image_frame .image_wrapper, .wp-caption img, .icon_box img{
      width:200px !important;
      margin:0 auto;
      }

      body.single-product .star-rating{
      margin:0 auto !important;
      }

      .woocommerce ul.products li.product h4{
      font-size:14px !important;
      }

    Thanks
  • Nice. that worked perfect however i changed it to 100px. now i also want the text size for the related products to be reduced as are the images so i can fit 6  related products in a single row at 100px width. The product titles are too big for the product images in regards to what we talking bout. check it out now using same link above.. Thanks
  • I added new line in the code above.
    I think you won't fit 6 items, that's too much.
    Thanks.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.