Navigation
Archive / Shop Layout In Icon 3
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • March 15, 2017 at 2:46 am #1407662

    opob
    Participant

    I assume i’m using icon 3. LOL

    Right, so i want a shop just like the layout you have.

    The thing is guys the website is primarily blue globally, but the shop front or any other landing page in not showing up correctly because of the blue right.

    Could you please help in merging the colours, so people can see the shop in the right detail and all the other shops pages, cats, etc.

    Perhaps we could allow for all the shops pages to look like the demo, leaving the rest of the general global site to be left with the chosen theme colours.

    March 15, 2017 at 2:47 am #1407664

    opob
    Participant
    This reply has been marked as private.
    March 15, 2017 at 2:58 am #1407675

    opob
    Participant
    This reply has been marked as private.
    March 15, 2017 at 5:57 am #1407820

    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    a.woocommerce-main-image.zoom.x-img.x-img-link.x-img-thumbnail.man,.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover,.x-nav-tabs>li>a,.x-tab-content .x-tab-pane ,table th, table td,.x-nav-tabs > li > a:hover{
    background-color: transparent;
}

    Hope that helps.

    March 16, 2017 at 3:25 am #1409270

    opob
    Participant

    Thanks guys, but what i was really after was the general shop layout with the with the demo colour and layout like on the icon 3 demo, just on the all the woocommerce pages please, like account, products, checkout, but leave the rest of the site with the global colours already in existence.

    Thanks Guys

    March 16, 2017 at 4:20 am #1409310

    Lely
    Moderator

    Hi There,

    We don’t have shop on Icon 3. See this:http://demo.theme.co/icon-3/
    Do you mean this:http://demo.theme.co/shop-icon/? Please clarify.

    March 16, 2017 at 4:37 am #1409329

    opob
    Participant

    Oh, well the general shop on some demos

    March 16, 2017 at 4:38 am #1409331

    opob
    Participant

    Oh, well the general shop on some demos. Yes like that one.

    March 16, 2017 at 5:45 am #1409407

    Lely
    Moderator

    Hi There,

    I am able to login but then your site is timing out. See attached screenshot.
    Although, Icon demo shop has sidebar. Set this on Appearance > Customize > Layout and Design > Content Layout: Choose Sidebar Left, Content Right. Then on Appearance > Widgets > Main Sidebar > Add Woocommerce Product Search and Woocommerce Top Rated Product widgets.. On Appearance > Woocommerce > Shop Columns > Choose 4.. Then you may now add products to check those settings.

    Hope this helps.

    March 16, 2017 at 1:55 pm #1410013

    opob
    Participant
    This reply has been marked as private.
    March 16, 2017 at 10:38 pm #1410632

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! The shop page and other WooCommerce pages will just inherit the styling of a page. If you want to have a separate layout, colors and all, you must first setup your shop page and other WooCommerce pages. We can then add some custom css to change the background colors and more. Please try to set up the products and pages and them send us the mock layout so that we will have an idea of how it will look like. Currently, you haven’t added any products yet. To know more how you can set up WooCommerce, please check the documentation here: https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/

    Hope this helps. Please let us know how it goes.

    March 18, 2017 at 5:26 pm #1412341

    opob
    Participant

    Ok i have added some products, but they keep posting to my facebook page. Anyway sorted that. So i have added some products like you asked.

    Below is 2 screenshots.

    The first screen shot is the shop front i am looking for. All the same, etc

    The second screenshot is the demo i’m looking for, but as always the sidebar does not scroll.

    The rest of my site i would like to leave the same with no sidebar, but for the shop with a working sidebar yes go for it.

    Can you help please

    March 19, 2017 at 6:17 pm #1412989

    Rad
    Moderator

    Hi there,

    Where do I find those pages? Your provided site is completely different from your screenshot.

    Thanks!

    March 19, 2017 at 6:41 pm #1413000

    opob
    Participant

    Ok, guys this is sill now. These screenshots are from your demo, i would like my shop to look like your demo which it could if you could help keep my actual layout on my website the same. I would like my customers to go to the shop and find the same screenshot as your actual demo, they would see this but with my products. The sidebar is an issue, but would and could have this on my shop, but again not on my main website with all my main pages and posts, just the shop pages and posts/products to be looking like the demo your advertise, thanks guys,

    Please, lets not go on like this i have customers who need some things………..

    Dee

    March 20, 2017 at 4:11 am #1413373

    Rue Nel
    Moderator

    Hello Dee,

    Thanks for updating in! Please keep in mind that the icon 3 demo, http://demo.theme.co/icon-3/ and the icon shop demo, http://demo.theme.co/shop-icon/ are two different WordPress installation. If you want something the same, then you may create another WordPress install in your site like; http:example.com/shop. In this installation, you can then have a different layout and colors which may look like the shop demo site. Please install the WP now and we can help you setting up the shop demo afterwards.

    Hope this helps. Kindly let us know.

  • Author
    Posts
1 2