New Landing › How can we help? › Atelier › Side bar / shop page

Viewing 15 posts - 1 through 15 (of 18 total)
1 2
  • Back to forum
    Posted in: Atelier
  • February 11, 2016 at 1:56 pm #248299
    arnaudlx
    Member
    Post count: 21

    Hi Guys,

    Thanks you so much for already all the help.
    – Could you tell me how we can do less large sidebar? Please see enclosed, it take to much space and so all the right part ( text + shop is too small). I d’like smaller lines.
    – Plus could you tell me how we can choose the order of the products in the shop page. I know there is filter for the client but before they do filters, when they load the page, I would like to show one special order.
    – and all the page can be designed thank to meta option. But not the shop one… How can I choose that my hero page style shop has to be 500 Hero Heading Height? or that I don’t want breadcrumbs. There is no meta option in the shop page. And by the way, same thing here I d’like a smaller sidebar here too.

    Thank you

    Attachments:
    You must be logged in to view attached files.
    February 12, 2016 at 2:51 pm #248728
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    1) Looks like you are already using the reduced sidebar width. Please test this CSS:

    aside.sidebar.left-sidebar.col-sm-3.col-sm-pull-9 {
    max-width: 20%;
}

    2) You can change the order here: WooCommerce => Settings => Products => Display

    3) Theme Options => WooCommerce Options => Shop Options.

    Thanks

    February 16, 2016 at 10:20 am #249455
    arnaudlx
    Member
    Post count: 21

    Hi, thanks for your answer.

    1/ could you tell me in which files I should put the CSS as it seems it is not in Theme option > custom CSS ( please see enclosed)

    2/ The thing is I want to do my own order. But it seems the only way to do it is to put a number before every product as it follow only alphabetical order. And this not really a solution for me. Could you tell me what other solution we have?

    3/Theme Options => WooCommerce Options => Shop Options: there we can only choose if we want a hero style. But there is not the option for the heigh or the breadcrumbs or even to choose the title of this page.

    Attachments:
    You must be logged in to view attached files.
    February 16, 2016 at 10:26 am #249458
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    1) Ignore that message, it’s not overqualified, needs all of that to work.

    2) Please contact WooCommerce Support to see if there’s a way to display products in alphabetical order. The theme does not control this

    3) You would need to use CSS, do you want to remove the breadcrumbs? what height do you want the page title?

    – Kyle

    February 16, 2016 at 10:43 am #249464
    arnaudlx
    Member
    Post count: 21

    Thanks Kyle,

    1/ ok so I did it but here is no change. Please see enclosed, do you see anything wrong? I did enter to register… Just in case you wonder.
    2/ ok thank you

    3/ I would like 400 heigh like my others, no breadcrumbs and the Hero Heading style in light.

    thank you

    Attachments:
    You must be logged in to view attached files.
    February 17, 2016 at 3:32 pm #250008
    arnaudlx
    Member
    Post count: 21

    Hi kyle,

    Would you have some answers for me please?
    thank you

    February 18, 2016 at 4:30 pm #250481
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    1) Can you provide a link to a page where you are using the sidebar? Here http://meyou-paris.com/shop/ the reduced width is working at 20%.

    3)

    To set the height to 400 and remove the breadcrumbs, please use this:

    .post-type-archive-product .page-heading.fancy-heading.clearfix.-style.fancy-image.page-heading-breadcrumbs.animated {
    height: 400px!important;
}
.post-type-archive-product .page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] #breadcrumbs {
    display: none;
}

    Light Header: Theme Options => WooCommerce Options => Shop Options => WooCommerce Hero Heading Text Style => Light

    Thanks.

    February 19, 2016 at 7:34 am #250576
    arnaudlx
    Member
    Post count: 21

    Hi,

    1/ Please see in those links.
    http://meyou-paris.com/home-new/cube/
    http://meyou-paris.com/home-new/bed/
    http://meyou-paris.com/home-new/ball/
    http://meyou-paris.com/home-new/accessories/

    3/ It works thank you

    February 19, 2016 at 12:05 pm #250634
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this:

    @media only screen and (min-width: 769px) { 
.has-left-sidebar aside.sidebar {
  width: 20%;
}
.has-left-sidebar .push-right.col-sm-9 {
  width: 80%;
}
}

    – Kyle

    February 19, 2016 at 4:28 pm #250766
    arnaudlx
    Member
    Post count: 21

    ok thank you it works well.

    One more question on this topic.
    The CSS to set the height to 400 on the shop page works but with a delay. When you load the shop page, it first show a 300 hight image and then it become 400 after 1 second. Could we fix this?

    February 19, 2016 at 5:53 pm #250790
    arnaudlx
    Member
    Post count: 21

    one more thing, if I change the Hero Heading style in light like I wanted, then the image become again only 300 high.

    February 22, 2016 at 2:21 pm #251178
    David Martin – Support
    Moderator
    Post count: 20834

    The CSS is specific to the light/dark headers. What is the page URL for the one you changed? Please supply the URLs you reference.

    Thanks.

    February 23, 2016 at 12:44 pm #251445
    arnaudlx
    Member
    Post count: 21

    Hi David,

    It is still for the shop page.
    http://meyou-paris.com/shop/

    Plus on this page, the sidebar did reduce, but the shopping pictures didn’t get bigger.
    I was expecting it would do like on this other page. Please see the example below.
    http://meyou-paris.com/home-new/cube/
    Less white space between the sidebar and the picture, and the picture got bigger.

    thank you

    February 23, 2016 at 12:59 pm #251459
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    It did get bigger, look at the screenshot: http://d.pr/i/10uKr/1bCvgL19 width is 80%

    For the height of the title, edit the sf-page-heading.php file in swift-framework/core

    You’ll need to edit line 31

    – Kyle

    February 23, 2016 at 1:48 pm #251491
    arnaudlx
    Member
    Post count: 21
    This reply has been marked as private.
  • Back to forum
    Posted in: Atelier
Viewing 15 posts - 1 through 15 (of 18 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register