Return to previous page

Royal theme issues. Need URGENT help. - by bekhruz

This topic has 10 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

bekhruz

Participant

March 15, 2017 at 15:36

Dear 8theme team,

Writing in regards to issues i came accross with royal theme. I thought no coding would be required for changing site appearence but it likes there is a lot of coding needed to make all pages look properly. My presentation deadline is coming close so need your urgent help.

One of the main problems i came across was with cart products. When you click on “add to cart” a product goes to cart and number of products come up in cart icon. I decided to refresh the page and here where the surprise came out. When refreshing the page an additional product goes to cart out of nowhere. You can try it in my page. All login details are provided in private area.

These are the following problems to be solved (see links for detailed photos):

1. How to change top bar language and carrency as showed in photo
https://yadi.sk/i/vP20lgsP3Ft3Rt

2. How to make menu background more narrow and leave a space between menu and banner?
https://yadi.sk/i/wjzH58Ns3Ft5ys

3. How to put logo, left and right side icons in header in the same line?
https://yadi.sk/i/wjzH58Ns3Ft5ys

4. How to make header more narrow?
https://yadi.sk/i/5Fk6g7wp3Ft6tD

5. How to make fixed header more narrow?
https://yadi.sk/i/8xhN95KB3Ft7AD

6. How to reduce space between words in products?
https://yadi.sk/i/RSyG9-rZ3Ft7ab

7. How to remove line i contact us page?
https://yadi.sk/i/_DBRfhnw3Ft7qz

8. How to remove delivery area in cart menu?
https://yadi.sk/i/ZPY3Sc583Ft85H

9. How to remove a line in order processing area?
https://yadi.sk/i/EE52e0P13Ft8HT

10. Very important. How to add switching amount buttons in products?
https://yadi.sk/i/IZNShUpW3Ft8mF

11. How to fix an issue with quick view buttons?
https://yadi.sk/i/kbjzmNx-3Ft8y9

12. How to add switching buttons to cart products?
https://yadi.sk/i/X7pHic0x3Ft9Yj

13. How to create same store page?
https://yadi.sk/i/nq-Owhkt3Ft9mv

14. How to remove lines in header 18?
https://yadi.sk/i/1fyF8F4d3FtA6b

15. How to create same product page with same image product sizes?
https://yadi.sk/i/ah5wMUQV3FtAK2

16. How to change cart icon appearence?
https://yadi.sk/i/71jRn6QP3FtAfS

17. How to reduce gaps between icons in header?
https://yadi.sk/i/OshFsMmt3FtAvs

18. How to fix mobile responsivness? Have a massive issue with mobile responsiveness. Menu is not showing properly on iphone 7 and other mobile devices. Plus scrolling is not fixed. When scrolling downd banner images move left and right. Please help to fix this issue.
https://yadi.sk/i/OFj_NDuf3FtBGw

Please, contact administrator
for this information.

#157045 Copied

9 Answers

bekhruz

Participant

March 15, 2017 at 15:39

Sorry placed wrong photo for third problem.

3. How to put logo, left and right side icons in header in the same line?
https://yadi.sk/i/YsQUL5k93Ft6as

Thank you

#157046 Copied
Rose Tyler

Support staff

March 16, 2017 at 09:30
Hello,

0. Try to enable the Ajax “Add To Cart” option in Theme Options->Single Product Page.
1. To remove currency and language buttons go to Appearance > Widgets and add empty Text widget in Left Side top bar area.
2. You can add this code in Custom css:
```
.header-type-18 .menu {
    padding: 0;
}
```
and change this valye http://prntscr.com/ekaa2r
3.
```
.navbar .wpb_text_column {
    margin-bottom: 15px;
}
```
4.
```
.navbar {
    padding: 0;
    border: none;
}
```
5.
```
.fixed-header-area {
    height: 70px;
    min-height: 70px;
}
.fixed-header-area img {
    height: 45px;
}
```
6. Please send screenshot what exactly words you mean.
7. You need to change element what you use on this page http://prntscr.com/ekknpx
8. Check your WooCommerce Shipping Options.
9. Go to edit this page and add this code http://prntscr.com/ekkppj
```
.step-title:after {
    display: none;
}
```
10,12. You may try https://wordpress.org/plugins/woocommerce-quantity-increment/ plugin to get “Plus and minus” options.
11. Please clarify with more details the problem.
13. Provide link to this page in our demo.
14.
```
.header-type-18 .menu {
    border: none;
}
```
15. Please see our settings: http://prntscr.com/ekkt3b http://prntscr.com/ekkt7d http://prntscr.com/ekktl7
16. You can set another header type and try to use this code to change cart icon:
```
.cart-bag .ico-sum  {
    background-color: transparent;
}
.cart-bag .ico-sum::before {
    border-color: transparent;
}
.cart-bag {
    padding: 18px 15px 15px !important;
    background-image: url("http://url_to_your_image");
    background-repeat: no-repeat;
    background-size: cover;
}
```
17.
```
.header-search {
    margin-right: 0;
}
```
18. Try to disable all 3-rd party plugins, clear cache, and check then.

Regards,
Rose Tyler.
#157101 Copied
bekhruz

Participant

March 16, 2017 at 14:55

Hello

I have gone through all the steps but most of the problems still exist. Could you please test the problem in my admin panel and then write a response that works?

The problem with extra product in cart after page refresh still exists. Enabling Ajax didn’t help. Please if there is any conflict with your plugins.

1- In regards to top bar I wanted to add switching buttons to the left. EN RUS buttons and $₽ buttons so that when clicking on them customer was transferred to english or russian page and when clicking on currency it changed to chosen option.
https://yadi.sk/i/vP20lgsP3Ft3Rt
3- Didn’t work. Please provide another option. Not on the same line
https://yadi.sk/i/wjzH58Ns3Ft5ys
4- Didn’t work. Header remained same size
https://yadi.sk/i/5Fk6g7wp3Ft6tD
5- Didnt work. Fixed header size remained same
https://yadi.sk/i/8xhN95KB3Ft7AD
6- I need to reduce space between words in product description (see photo)
https://yadi.sk/i/oImqBQbm3FyYib
8- Didn’t work. Delivery area still there. Nothing found in woocommerce options
https://yadi.sk/i/ZPY3Sc583Ft85H
9- Didnt work. Entering code didn’t work
https://yadi.sk/i/EE52e0P13Ft8HT
11- The area shows incorrectly on small images. You can see add to wishlist button but quick view button is going down. How to fix this?
https://yadi.sk/i/kbjzmNx-3Ft8y9
13- Here is the link https://www.8theme.com/demo/royal/store/
14- Didnt work. Lines in header 18 still exist
https://yadi.sk/i/1fyF8F4d3FtA6b
16- Didnt work. Please check it in my admin panel
https://yadi.sk/i/71jRn6QP3FtAfS
17- Didnt work. Gap still same
https://yadi.sk/i/OshFsMmt3FtAvs
18- Removed all 3d party plagins but problem still remains. Please kindly check it in my admin panel. Many customers will be using the site on their mobile devices and it is very important that all pages worked correctly. Without problems when scrolling pages.

Also wanted to ask the code for this box? Exactly same page
https://yadi.sk/i/u5C8o9jr3FyfnW

#157148 Copied
Rose Tyler

Support staff

March 16, 2017 at 16:08
Hello,

0. Please, check it now.
1. You need add ‘language selector’ widget to your ‘Left side top bar area’ in Dashboard > Appearance > Widgets. For more details, please check following article as it has detailed guide how to set and customize language switcher: https://wpml.org/documentation/getting-started-guide/language-setup/
3-5, 17. I’ve added previous code in your Custom css http://prntscr.com/ekp85a http://prntscr.com/ekp8ge
6. Please add this code:
```
.product-title {
    margin: 5px;
}
```
```
.footer-product {
    background-color: red;
}
```
8. Please check if the problem persists with default Woocommerce theme Storefront, install it in Appearance > Themes and activate. Please check if the problem persists default WooCommerce theme Storefront and check. You may try to contact with WooCommerce support maybe they will be able to help you. Because we could help only with issues related strictly to our theme. http://computing.ingreatway.com/2013/10/08/customise-woocommerce-remove-shipping-calculator-from-cart-page/
9. Fixed.
10. http://prntscr.com/ekpjt4
11, 19. I’ve created this page for you.
You can add API key in Ultimate > Google Maps. Please read more here https://docs.brainstormforce.com/how-to-create-google-api-key-in-order-to-make-the-google-map-element-work/.
14. Fixed http://prntscr.com/ekpm1v
16. Have you tried to use else header type?
18. Please check it now.

Regards,
Rose Tyler.
#157157 Copied
bekhruz

Participant

March 17, 2017 at 08:23

Dear Rose,

Thank you very much. You’ve been very helpful. Some problems sill remain.

1- Please provide the code on how to edit this window which comes up when adding product to cart (font size, color, how to add more fields etc)
https://yadi.sk/i/5-65x6Ji3G2DSk
9- Please provide the code for removing the line. Also the arrow still there. Please provide the code for removing it
https://yadi.sk/i/bAHhUsVW3G4bmK
16- I prefer this header. Please provide the code for changing the amount to number of items in cart icon
https://yadi.sk/i/71jRn6QP3FtAfS
18- Problem still same. When scrolling banners move left to right. Not fixed. Please see video.
https://yadi.sk/i/zfX9vVjv3G4f3c
19- Please help to create exactly same box
https://yadi.sk/i/u5C8o9jr3FyfnW
20- Please provide code for editing quick view window. Need to reduce gaps between words
https://yadi.sk/i/mroMD_gx3G4hhy

#157185 Copied

bekhruz

Participant

March 17, 2017 at 08:41

Forgot one more thing. Please return the background of footer product to default settings. Black transparent. Thank you.
https://yadi.sk/i/slzu1-O63G4oWQ

#157190 Copied
Rose Tyler

Support staff

March 17, 2017 at 10:14
Hello,

1. It depends on what exactly element you want to edit, you can inspect element and add code in Custom css. Please, read article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/
To add fields you can edit the file wp-content/themes/royal/framework/theme-functions.php in line 421.
9. To remove line, I’ve used this code http://prntscr.com/el03zt
And you need also add this one in Custom CSS:
```
.woocommerce-checkout .step-title {
    font-size: 0;
}
.woocommerce-checkout .step-title span {
    font-size: 15px;
}
```
16. Sorry, but it can be done through the additional code customization that is out of our support scope. You need to have base css and html skills if you want to achieve that.
18. Oh I see, it is happening because you have added http://prntscr.com/el0lb9 in settings of 2 your banners.
19. http://bossbangl.com/store/
20. Please, add this code in Custom css:
```
.product-navigation {
    padding-bottom: 0;
}
.product-information .price {
    margin: 15px 0;
}
table.variations {
    margin-bottom: 0;
}
```
I’ve returned footer product background.

Regards,
Rose Tyler.
#157199 Copied
bekhruz

Participant

March 17, 2017 at 15:12

Thanks again for your help.
A question regarding responsiveness. Could you please tell me how to make my monile website look same as this one http://www.atolyestone.com
As you can see all banners are full width and no white space like on my mobile website. Thank you.

#157216 Copied
Rose Tyler

Support staff

March 20, 2017 at 08:45
Hello,

You can add Custom class http://prntscr.com/em4nul and write this code in Custom css for mobile http://prntscr.com/em4o1m
```
.banner-wrapper .vc_column-inner {
    padding: 0;
}
```
Regards,
Rose Tyler.
#157293 Copied
Viewing 10 results - 1 through 10 (of 10 total)