Okay
  Public Ticket #3052988
Single Product Buy Button Navigation
Closed

Comments

  • Delsouz started the conversation
    May 27, 2022 at 10:30pm

    Thanks for this great theme!

    I was wondering why the 'Buy Button' for Single products have moved from above the 'Short Description' to below it?

    This causes frustration since we would like our customers to put the item into the basket on the first loading page without any scrolling.

    Attached files:  Skærmbillede 2022-05-27 kl. 15.45.46.png

  •  997
    ThemeNectar replied
    May 28, 2022 at 3:14am

    Hey Delsouzsmile.png

    The default location for the add to cart/form data is below the short description. You can modify that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

    .single-product .theiaStickySidebar {
  display: flex;
  flex-direction: column;
}
.single-product .theiaStickySidebar > * {
  order: 4;
}
.single-product .theiaStickySidebar .product_title {
  order: 1;
}
.single-product .theiaStickySidebar .price {
  order: 2;
}
.single-product .theiaStickySidebar .cart {
  order: 3;
}

    Kind regards,

  • Delsouz replied
    May 30, 2022 at 11:35am

    Hi ThemeNectar,


    Thank you for the code and the guidance!

    The code worked actually!

    I would like to hear if there was any other custumization within the single product page? Do I have to be more specific?

    For instance there is this gap, that i want to be a bit closer (see attached):

    7478501640.png



    Kind Regards,

    DelsouX

    Attached files:  Skærmbillede 2022-05-30 kl. 13.34.32.png

  •  8,466
    Tahir replied
    May 30, 2022 at 11:58am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .woocommerce-page div.product form.cart div.quantity.hidden {
    height: 0px !important;
}

    Thanks

    ThemeNectar Support Team