Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #281634

    Hi,

    I’m trying to create several different shop landing pages but I’m having trouble with where the content appears on the page. When I add content to the default ‘shop’ page the content appears above the lighting strike (hr.png) which is great and what I like.

    I have now created several new pages using shortcodes (*below) to populate with products by category. The problem I’m having is that when I add content to the page (above the shortcode) it appears below the lighting strike.

    Can you please help me work out how to make each of these pages the same? I assumed the Woocommerce page template would need to be customised slightly but I cannot see where/how.

    Thanks in advance.

    *[product_category category=”new-in” per_page=”12″ columns=”4″ orderby=”price” order=”asc”]

    #282001

    Hi adtomlinson!

    All of the woocommerce customization is handled through the woocommerce-config folder. The elements are arranged by the functions in that folders config.php file.

    Cheers!
    Devin

    #282469

    Hi Devin,

    I still can’t work this out. I’m a laymen at PHP so quite lost. Could you be more specific as how to achieve what I’m after please?

    Thanks
    Ant

    #282634

    After re-reading your original topic I’m not sure customizing the woocommerce config is what you are after. WooCommerce will add the shop after the regular content on whatever page you designate the shop page. You can also manipulate its position by using the shop shortcode in the content as well I believe.

    What you are looking to do is remove the hr element with the lightning bolt so that you an add content above it on pages. To do *that* you can first hide the background image of the line and bolt on all pages by adding the following to the Quick CSS field in the styling options of the theme:

    
    #top .post-title.big_title {
    background: transparent;
    padding-bottom: 15px;
    }
    

    Then, on each page you can add the HR bolt manually with content above it using the hr shortcode: [hr]

    I made an example of that on your site with the new page “HR example”.

    Regards,

    Devin

    #282995

    Awesome stuff! Thanks.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Shop Page Template’ is closed to new replies.