E-shop bellow the Home page

Support Area Forums Elite E-shop bellow the Home page

Viewing 10 posts - 1 through 10 (of 10 total)
URL to the page in question: http://www.olivace.cz
  • Author
    Posts
  • #26455
    Jiří Bernát
    Participant

    Hi Bill,
    How are you after the week-end?

    I am trying to use Home block-content widget to display Shop page bellow the home screen but it doesn’t work. For the page named “O nas” it is working well.
    What am I doing incorrectly?

    Many thanks for reply.

    Jiri

    #26470
    Bill Robbins
    Moderator

    Hello Jiri,

    Excellent question. In WooCommerce the actual shop page is taken over by the plugin. It inserts content into that page based on a setting as opposed to something like a shortcode that gets replaced with content.

    Because of the way that works, you can’t insert the shop’s content via a widget like you could another page.

    What you can do though is use the home block — Products widget to insert the products from the category of your choosing into the widget. What I often to is create a product category just for the home page so that I can add products from across categories to the home page.

    If you have any trouble, let me know.

    Thanks,
    Bill

    #26507
    Jiří Bernát
    Participant

    Hi Bill, thank you. It is working, but pictures, or icon of products from shop are too big, in product settings I tried to change px but it is not doing anything.

    What can I do to change the picture of the product category on home page?

    Thanks

    Best regards.

    Jiri

    #26508
    Bill Robbins
    Moderator

    Hello Jiri,

    You can change that if you need to. Here’s how:

    1. Go to the Appearance section in your WordPress dashboard and choose Edit.
    2. From the list of files on your right, choose home-product-item.php.
    3. Find this line:
      
      	<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'elite' ), the_title_attribute( 'echo=0' ) ) ); ?>"><?php the_post_thumbnail( 'home-product', array( 'class' => 'feature' ) ); ?></a>
      

      and change it to this:


      (Be sure to copy that code directly from the support site and not the notification email).

    4. Change the 480 to the height you’d like to have the images there be. The 360 is the width and I would leave that as is. Then save your changes.

    To resize the images you’ve already uploaded, install the Regenerate Thumbnails plugin. It adds a new screen to the Tools menu in your dashboard that you can use to resize images.

    Let me know if you have questions,
    Bill

    #26623
    Jiří Bernát
    Participant

    Ok… i understand. It will take me more time.

    Last question. Is it possible to have another background on other pages than on home page? I have something like wood motive now on all pages, but for other pages it is not nice.

    Thank you.

    Have a nice week-end.

    Jiri

    #26625
    Bill Robbins
    Moderator

    Good Morning Jiri,

    I believe we can do that. Here’s how:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      body {
      	background-image: none;
      }
      
      body.home { 
      	background: url(https://www.olivace.cz/wp-content/uploads/2015/01/wood-4.jpg) #ededed repeat scroll; 
      }
      
    3. Update your settings.

    If that works, it should hide the background image on the home page, but leave it everywhere else.

    Enjoy your weekend too,
    Bill

    #26631
    Jiří Bernát
    Participant

    May be I wasn’t clear. The background on my home page is good as it is, but is it possible to put another picture as background on other pages than I have on home page?

    #26632
    Bill Robbins
    Moderator

    Sorry I had something else in min there. Change that last snippet to this

    
    body {
    	background-image: url(https://yoursite.com/image.jpg);
    }
    
    body.home { 
    	background: url(https://www.olivace.cz/wp-content/uploads/2015/01/wood-4.jpg) #ededed repeat scroll; 
    }
    

    Where you replace http://yoursite.com/image.jpg with the url to the image file. You can get the file url from inside the WordPress media library. Make sure to get the file url and not the attachment page url.

    Bill

    #26649
    Jiří Bernát
    Participant

    Good…thank you very much.

    🙂

    #26650
    Bill Robbins
    Moderator

    Glad that did the trick 🙂

    Take care,
    Bill

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘E-shop bellow the Home page’ is closed to new replies.