Need some help making changes to the product page - Support

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
July 30, 2017 at 12:01 pm #831796
sivaselvi
Participant
I need some help making changes to the product page. Here’s what I’m trying to achieve:

1. The product zoom image is getting overlapped by Quantity, Add to Cart and Description … (http://bridalsilks.in/silk/support/product%20zoom.jpg)
2. How to increase the product price font size. (http://bridalsilks.in/silk/support/price%20size%20and%20space%20needed%20between%20price%20and%20qty.jpg)
3. How to add space between the price and quantity button. (http://bridalsilks.in/silk/support/price%20size%20and%20space%20needed%20between%20price%20and%20qty.jpg)
4. How to move the product description box, I like to have it permanently below the quantity and add to cart button
5. How to change the quantity -/+ button to a drop down menu
6. How to edit the next and previous navigation in the product page. (http://bridalsilks.in/silk/support/next%20product.jpg)
7. How to enable and add the products in (Related Products and You may also like)…as shown in (http://kriesi.at/themes/enfold/product/kitchen-craft-home-made-glass-terrine-jars/)
8. How to add “Add to Cart” and “Show Details” as shown in demo (http://kriesi.at/themedemo/?theme=enfold-overview)
9. How to change the add to cart icon in home page and add to cart button in product page.

Thank you,
Siva
- This topic was modified 7 years, 4 months ago by sivaselvi.
July 31, 2017 at 10:08 am #832030

sivaselvi
Participant

This reply has been marked as private.

August 1, 2017 at 2:49 pm #832902
Yigit
Keymaster
Hi,

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
/* 1- This is related to your plugin */ 
#zoom-window { z-index: 99; }
/* 2 */ 
#top.single .price span {
    font-size: 25px;
}
/* 3 */ 
#top.single .price {
    display: block;
    margin-bottom: 20px;
}
/* 4 */ 
#top div.product .woocommerce-tabs {
    padding-top: 10px;
}
```
5- Please refer to this this post.
6- Please elaborate on the changes you would like to make.
7- Seems like you figured it out already. For future readers, please see – https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/
8- Please go to Enfold theme options > Shop Options and choose “default” in “Product layout on overview pages”
9- Please refer to this post – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/

In your future threads, please do not include this many questions in one thread. From the past experience we are certain that it only gets confusing for both parts and makes it more difficult to make some progress. You can start a new thread for each question :)

Best regards,
Yigit
August 2, 2017 at 6:31 am #833189

sivaselvi
Participant

Thanks for your prompt response and sorry for asking too many questions in a single thread.

Everything is fixed. I need a small clarification regarding the product navigation.
-> In admin where I can find this option to change the product and how to change the color
Please review the attached image for clarification (http://bridalsilks.in/silk/support/product_navigation.jpg)

Thanks again for your tremendous work!
Siva

August 2, 2017 at 11:37 am #833351
Yigit
Keymaster
Hi Siva,

1- Please add following code to Quick CSS to change background colors
```
#top .avia-post-nav {
    background: rgba(0,255,0,0.1);
}
#top .avia-post-nav:hover {
    background: rgba(0,255,0,0.8);
}
```
2- There is no option for post navigation in Enfold theme options. What kind of changes would you like to make on it? :)

Best regards,
Yigit
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.