Docs

[JP]

hi there
I want to edit some aspects of the product page:

http://myeternalbeauty.com/shop/skincare/another-eye-contour-serum/

– move product input box and add to cart button onto one line
– move them both above description
– change the text around the ‘in stock’ number
– hide the categories info
– move the brand name link to under the title

and if possible, add the stars from the review under product name

How would I do this?

I have a child theme set up already

thanks!

site: myeternalbeauty.com

[Jade]

Hi there,

Please add this code in the customizer:

.woocommerce .cart .quantity {
    margin-bottom: 0;
    float: left;
    margin-right: 10px;
}

.woocommerce .cart button {}

.woocommerce .cart .quantity .qty {
    height: 45px;
}

.woocommerce div.product .summary {
    position: relative;
}

.woocommerce .cart {
    position: absolute;
    top: 50px;
}

div[itemprop="description"] {
    padding-top: 45px;
}

.product_meta .posted_in:first-child {
    display: none;
}

.product_meta {
    position: absolute;
    top: 45px;
    left: 80px;
}

Hope this helps.

[JP]

great! some of that worked a treat

I would still like to:

– have the product input field and ‘add to cart’ button on the same line and horizontally aligned

Also the CSS to place the brand name you gave me is absolute. so it goes wrong when browser is resized. is there a way to place it under the product name? so it responds to page resizing in same way as that text?

[Rupok]

Hi there,

Thanks for writing back. You can try this CSS to make the add to cart button inline :

.woocommerce .quantity {
  float: left;
  margin-right: 20px;
}

.cart .single_add_to_cart_button {
  margin-top: -5px;
}

For the brand name, us this :

.woocommerce div.product .summary {
  position: relative;
}

.woocommerce .entry-summary .price {
  margin-top: 40px;
}

.product_meta .posted_in:last-child {
  left: 0;
  position: absolute;
  top: 40px;
}

I have tested the code on your site so it should do the job. Should be look like this – http://prntscr.com/c6wmd1

Cheers!

[JP]

that works way better, i removed the earlier CSS

how can I now just get rid of the categories text under the add to cart button

Categories: Acne & Blemishes, Eyes, Lips, Serums, Skincare, Sun Protection, What’s New

[Joao]

Hi There,

Seems like Cornerstone Plugin is off and your page is without the proper layout,

Please let us know when your page is working again so we can provide the CSS.

Thanks

Joao

[JP]

working! sorry about that – please have a look

[Rad]

Hi there,

Please add this CSS as well,

.product_meta {
display: none;
}

Cheers!

[JP]

sorry – when I add that it gets rid of the Brand Name

[Thai]

Hi There,

Please try with this CSS instead:

.product_meta > span:first-child {
    display: none;
}

Hope it helps 🙂

[Author]

Posts