Return to previous page

Customising Single product page - by sophie

This topic has 43 replies, 3 voices, and was last updated 5 years, 4 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

Rose Tyler

Support staff

July 17, 2019 at 12:23

Hello,

Please provide us with temporary wp-admin access, so we can take a closer look at your settings.

Regards

#217247 Copied

sophie

Participant

July 17, 2019 at 13:59

Here are the details requested

Please contact administrator
for this information.

#217261 Copied

Rose Tyler

Support staff

July 17, 2019 at 14:07

Hello,

I would recommend you to create the footer using a static block. Create a new static block http://prntscr.com/ogahbl with “Footer” title and desired content http://prntscr.com/ogah3o then set the block in Appearance > Widgets > Footer 2 http://prntscr.com/ogahz8 (delete current content from the Footer 2 widget area + delete this custom code from the Home page http://prntscr.com/ogaiwk > then content of the new static block will be shown as footer for all pages on your site).
I hope this video will be helpful for you – https://youtu.be/HL7wtSaTcMU

Regards

#217262 Copied

sophie

Participant

July 22, 2019 at 09:55

Hi I am waiting for your reply.

Please contact administrator
for this information.

#217471 Copied

Olga Barlow

Support staff

July 22, 2019 at 18:04

Hello,

Did you read our previous answer on the second page http://prntscr.com/oijwky Seems you missed that. Please, follow the instructions and let me know if you still have the problems with footer.

regards

#217502 Copied

sophie

Participant

July 23, 2019 at 09:13

Will this allow me to change the background colour?

#217540 Copied

sophie

Participant

July 23, 2019 at 15:32

Hi Thank you that worked well, but the footer does not respond well when it goes down to mobile and ipad size, can you help with this formatting?

#217579 Copied

Olga Barlow

Support staff

July 23, 2019 at 19:24

Hello,

Check now, please. If you want to implement another layout for the mobile version then provide us with the mockup of the mobile version to get correct suggestions.

Regards

#217594 Copied

sophie

Participant

July 24, 2019 at 09:33

Hi Olga, thats great, how did you fix it?

#217613 Copied

Olga Barlow

Support staff

July 24, 2019 at 11:37

Hello,

Enabled stretch row option and aligned the content http://prntscr.com/ojciwn
Removed the default margin-bottom for the row http://prntscr.com/ojcjdq
Managed the paddings for the columns http://prntscr.com/ojcjnv
And elements http://prntscr.com/ojck00
Added custom class to align the logo for the mobile http://prntscr.com/ojckcf + custom code http://prntscr.com/ojcl31
That’s all.

Regards

#217629 Copied
1 2

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