Return to previous page

Customising Single product page - by sophie

This topic has 43 replies, 3 voices, and was last updated 4 years, 8 months ago ago by Olga Barlow

sophie

Participant

March 25, 2019 at 17:43

Hi there for our store I would like to change the single item page. I want to put the product description next to the item and not show categories, stock levels and tags how can i do this?

Many Thanks
Sophie

#211403 Copied Theme version: Legenda_Theme_v.3.9.2

42 Answers
Rose Tyler

Support staff

March 26, 2019 at 08:37
Hello,

Tabs position you can change in Theme Options > Single Product page.
Add this code in style.css file of child-theme (https://www.8theme.com/downloads/ http://prntscr.com/n2znb3 https://developer.wordpress.org/themes/advanced-topics/child-themes/):
```
.single-product-page .product-info .product_meta .product_meta .tagged_as,
.single-product-page .product-info .product_meta .stock,
.single-product-page .product-info .sku_wrapper, 
.single-product-page .product-info .posted_in {
    display:  none;
}
```
to remove tags, stock levels, SKU and categories from the Single product page.

Regards
#211419 Copied
sophie

Participant

March 26, 2019 at 14:13

Can you tell me please how to edit the footer, it is only allowing me to put things on the left hand side, not in any of the other columns along the space.

Many Thanks

#211453 Copied

Rose Tyler

Support staff

March 26, 2019 at 14:21

Theme Options > Footer > Show footer demo blocks > Off.
Appearance > Widgets > add a static block in Footer area.
Please read our documentation – https://www.8theme.com/demo/docs/legenda/#footer https://youtu.be/HL7wtSaTcMU (WPBakery > Role Manager > Post types > Custom and check also the static blocks).

Regards

#211455 Copied

sophie

Participant

April 8, 2019 at 17:50

How do i make this work?? It changed the text but the product page doesnt change? Also how do you change the icon when you ad a video?

Many Thanks

#212179 Copied

Rose Tyler

Support staff

April 9, 2019 at 08:07

Hello,

Sorry, but your request is a bit unclear for me.
Please describe the desired result in more details with screenshots.
You can use such screenshot maker as Lightshot https://prnt.sc/
Also, provide temporary wp-admin access http://prntscr.com/n9fc72

Regards

#212204 Copied

sophie

Participant

May 31, 2019 at 13:17

Thanks. I managed to get it to work on the additional css on the front end editor. I have just updated the theme and it has lost all my uploaded images, can you help me with that?

Many Thanks
Sophie

Please contact administrator
for this information.

#214708 Copied

Olga Barlow

Support staff

May 31, 2019 at 14:46

Hello,

Theme update could not remove media from the uploads folder.
Check if image files are in the uploads folder and if not then contact your hosting provider to find out why they disappeared.

Regards

#214713 Copied

sophie

Participant

June 3, 2019 at 13:03

Thank you, I just re uploaded all content, so you know if there is a way to remove where is says product information on a single product page?

Many Thanks

Please contact administrator
for this information.

#214858 Copied
Olga Barlow

Support staff

June 3, 2019 at 14:37
Hello,

Add the following custom to child theme style.css
```
.single-product-page .product-info .product_meta h4 {
    display: none;
}
```
Regards
#214867 Copied
sophie

Participant

June 3, 2019 at 15:46

Great thank you, is there code that allows the add to cart button and the price to be centralised when there is no side panels in the single product page?

Please contact administrator
for this information.

#214875 Copied
Olga Barlow

Support staff

June 3, 2019 at 19:25
Hello,

Try this one
```
.single-product-page .span6 .price, .single-product-page .product-info .button {
    float: none;
}
.single-product-page .product-info .product_meta {
    text-align: center;
}
```
Regards
#214892 Copied
sophie

Participant

June 4, 2019 at 10:21

Great thank you! and how do i align the quantity box to the center?

#214933 Copied

sophie

Participant

June 4, 2019 at 10:30

I also wonder why i can see the quantity box on some products and not on others when they are all stock managed and have only 1 in stock?

Please contact administrator
for this information.

#214935 Copied
Olga Barlow

Support staff

June 4, 2019 at 10:54
Hello,

1) Add the following code to child theme style.css
```
.single .cart .quantity-box {
    display: flex;
    justify-content: center;
}

@media (max-width: 480px){
    .single-product-page .quantity-box label {
        width: auto;
    }
    .single-product-page .product-info .quantity {
        margin: 0;
    }
}
```
2) Because q-ty box is not necessary if you have only one product. This is the default WooCommerce option. Our theme does not manage this thing, you can enable Storefront theme(default WC theme) and check.

Regards
#214937 Copied
sophie

Participant

June 4, 2019 at 10:59

Thank you for the code, the only problem is when it is in ipad state the quantity text is not next to the box.

Please contact administrator
for this information.

#214938 Copied
Olga Barlow

Support staff

June 4, 2019 at 11:30
Hello,

Replace the previous code the following one
```
.single .cart .quantity-box {
    display: flex;
    justify-content: center;
    margin: 10px 10px 20px 0;
}

@media (max-width: 768px){
    .single-product-page .quantity-box label {
        width: auto;
    }
    .single-product-page .product-info .quantity {
        margin: 0;
    }
}
```
Regards
#214941 Copied
sophie

Participant

June 4, 2019 at 11:34

Great thank you! that worked! Is there a way to add more padding at the top of the page between the title of the product and the link that sits underneath?
Thank you!

#214942 Copied
Olga Barlow

Support staff

June 4, 2019 at 13:00
Hello,

Yes, sure
```
.page-heading h1 {
    margin-bottom: 10px;
}
```
Regards
#214948 Copied
sophie

Participant

July 17, 2019 at 12:10

Hi How do I change the background colour of the footer? I want to change it to #513E50 and make the text on it white. I want it to copy the same layout as the home page

Please contact administrator
for this information.

#217246 Copied
1 2 3

Viewing 20 results - 1 through 20 (of 43 total)