Layout HomePage and Blog - by Miriam - on WordPress WooCommerce support

This topic has 12 replies, 2 voices, and was last updated 8 years ago ago by Jack Richardson

  • Avatar: Miriam
    Miriam
    Participant
    April 17, 2016 at 10:43

    I am trying to get the home page to look like the original template.
    I made a new image to go under the nav bar – but the client wants to be able to edit it so it needs to be a 2 column div. Any ideas?
    Please, could you take a look at my Demo/Test Home Page. I am trying to get it right before I copy it to the current home page since the site is live.
    I need to get the Promo banners aligned correctly,so the Shop now button is on top.How is that done?
    The product sliders should be:
    [etheme_product_categories number=”12″ parent=”0″ columns=”4″]
    [etheme_featured][etheme_new title=”Latest Products” ]
    [etheme_featured][etheme_new title=”Featured Products” ]
    [etheme_best_selling_products per_page=”4″]
    [etheme_sale_products per_page=”4″]
    Why are they not displaying correctly?
    (How do I tag Sale items and best sellers?)

    Also, on the blog page it shows a heading CATEGORY ARCHIVES: EVENTS
    and no posts in other categories show up. Also I can’t change the sidebar to show blog widgets like categories and recent posts. How do I do that?

    Thanks for your help.

    Please, contact administrator
    for this information.
    11 Answers
    Avatar: Miriam
    Miriam
    Participant
    April 18, 2016 at 01:58

    I have found the sidebar for the Blog page. How do I make the blog page display recent posts instead of one category (Events)?
    Thanks

    Avatar: Miriam
    Miriam
    Participant
    April 18, 2016 at 05:30

    I want to add a category slider to a post. I am trying this code which doesn’t work.
    [ethem product category=”winter”]
    What should it be?
    If I were to select the products this way, where do I get the IDs from – are they the SKU?
    [ethem products ids=”101, 45”]
    Thanks, Miriam

    Avatar: Miriam
    Miriam
    Participant
    April 18, 2016 at 06:13

    It’s ok, I worked out the right code to use for the category slider in the blog post,
    [etheme_product_category category=”winter”]
    I still need help with other items in previous tickets on this thread.
    Thanks, Miriam

    Avatar: Miriam
    Miriam
    Participant
    April 18, 2016 at 06:25

    They want a contact page without Google map. I found the fix in the forum, but now the page looks wonky. Help please!
    http://aussieblokesclothes.com.au/contact-us/

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 18, 2016 at 10:24

    Hello,

    Please clarify how you want the Contact page to be displayed.

    I made a new image to go under the nav bar – but the client wants to be able to edit it so it needs to be a 2 column div. Any ideas?

    Please show on a screenshot what exactly you want to achieve.

    Please, could you take a look at my Demo/Test Home Page. I am trying to get it right before I copy it to the current home page since the site is live.

    What exactly do you want to modify on that page?

    I need to get the Promo banners aligned correctly,so the Shop now button is on top.How is that done?

    Add this code in custom.css file:

    .home .banner .button {
     bottom: 70px;
    }

    To create custom.css you need rename default.custom.css to custom.css in wp-content/themes/xmarket directory via FTP and enable it in Xmarket – Theme Settings, tick “Enable Custom CSS file”.

    How do I make the blog page display recent posts instead of one category (Events)?

    As I see all your posts are shown on Blog page, not only from “Events” category.

    Best regards,
    Jack Richardson.

    Avatar: Miriam
    Miriam
    Participant
    April 18, 2016 at 11:09

    1. Contacts
    Please see this page
    http://aussieblokesclothes.com.au/contact-us/
    The recent posts in the sidebar have been pushed down and there are 2 groups of three lines with the heading PRODUCTS that should not be there at the bottom.
    2. Information Bar
    For the Information Bar under the Nav bar, I have made this code: Others may be interested. The client can now edit it.
    <div style=”width:100%; height:100px; border: 1px solid #333; margin:auto;height: 108px; border: 1px solid blue; box-sizing: border-box;”>
    <div style=”display:inline-block; width:32.5%; padding:2px 2px;border-right:1px solid #ccc;”>
    <h4 text align=”center”>DO YOU HAVE ANY QUESTIONS?</h4>
    <h5 font:10px;text align=”center”>CALL 0416 168 765 OR EMAIL</h5>
    </div>
    <div style=”display:inline-block;width:32.5%; padding:2px 2px; “>
    <h4 text align=”center”>FREE STANDARD SHIPPING APRIL</h4>
    <h5 text align=”center”>FOR ALL ORDERS WITHIN AUSTRALIA</h5>
    </div>
    <div style=”display:inline-block; width:32.5%; padding:2px 2px; border-left:1px solid #ccc;”>
    <h4 text align=”center”>NEW STOCK-WINTER GEAR</h4>
    <h5 text align=”center”>FLEECY HOODIES, SWEATSHIRTS, POLARS</h5>
    </div>

    3. Home Page
    I added the suggested code to my custom.css but the buttons are still not over the images of the promo banners (see my Demo/testing Home Page)Do I need to give them a z-index?

    Under the slider I would like the 5 categories on one line in a slider box so that if more categories all added they will also show on that same line, not wrap under it.
    Under that I would like Featured Products and Latest Products, which are displayed correctly. However they are repeated and the second time they are both called Featured products.

    After the shop has been going awhile I would like to add
    [etheme_best_selling_products per_page=”4″]
    [etheme_sale_products per_page=”4″]

    How does the theme find those best selling and sale products?

    4 Blog Page
    http://aussieblokesclothes.com.au/category/events/

    At the top is a heading CATEGORY ARCHIVES: EVENTS
    and only the 2 Event category posts show. On the side bar the recent posts show.
    I would like the recent posts to show on the main page. Is that possible

    5. Sale and New images
    In the Demo there are images for sale and new that pop over the corner of an image. Where are they and how do they work?

    Thanks for your help.
    Miriam

    Avatar: Miriam
    Miriam
    Participant
    April 18, 2016 at 11:54

    I have fixed the blog page thanks – it was an incorrect link in the menu

    Avatar: Miriam
    Miriam
    Participant
    April 18, 2016 at 12:07

    I have the buttons over the promo images working now!
    Thanks

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 18, 2016 at 18:41

    Hello,

    1. There were incorrect quotes in the shortcode. I’ve edited them. Check Contact page now.

    3. The sliders are repeated because you added these shortcodes on home page:

    [etheme_featured]
    [etheme_featured]
    [etheme_new title="Featured Products" ]

    Remove one shortcode [etheme_featured] and rename shortcode for new products.

    Sorry, but there is no slider for product categories, they can only be displayed in grid view with the shortcode [etheme_product_category category="category_name"]

    5. To enable Sale and New icons you need add sale price in product editor and mark product as new:
    http://storage9.static.itmages.com/i/16/0418/h_1460999812_3931550_d5a2605967.png
    http://storage4.static.itmages.com/i/16/0418/h_1460999853_2238388_ae3cc48e73.png

    and upload your New, Sale icons in Xmarket – Theme Settings > Product Page > New icon url, Sale icon url.

    Best regards,
    Jack Richardson.

    Avatar: Miriam
    Miriam
    Participant
    April 19, 2016 at 08:34

    Thanks for your help, most problems are resolved now. I am most disappointed in this theme, it is a nightmare to customise. How about showing the necessary code on the template homepage so that it displays like the live demo? I won’t be using it again, though your support is much appreciated!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 19, 2016 at 09:00

    Hello,

    Please read our documentation how to set Home Page correctly:
    https://www.8theme.com/demo/docs/xmarket/index.html#!/demo_data_installation (“Home page”).

    Best regards,
    Jack Richardson.

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.