Return to previous page

TOP BAR ON VARIANT 9 - by sergef24 - on WordPress WooCommerce support

This topic has 32 replies, 2 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

sergef24

Participant

July 7, 2017 at 18:31

HOW CAN I DISPLAY TOP BAR FEATURES I’M CURRENTLY USING HEADER VARIANT 9 AND ALSO IS ANY SHORTCODE TO BRING SHOPPING CART AND SEARCH ICON TO TOP BAR

#167358 Copied Theme version: 0.0.1 WooCommerce version: 3.0.9

31 Answers

sergef24

Participant

July 7, 2017 at 19:00

#167359 Copied
Rose Tyler

Support staff

July 10, 2017 at 08:50
Hello,

Sorry for the delay.
Unfortunately, can’t see your screenshot.
You can try to add this code in custom css http://prntscr.com/ftrj2q:
```
.top-bar {
    display: block !important;
}
```
Go to Appearance > Widgets > add needed elements in Top bar area.

Regards,
Rose Tyler.
#167459 Copied
sergef24

Participant

July 10, 2017 at 15:34

this is the mock up

Can you explain The DDD neede elements, Where in widgets can I add it?

#167504 Copied

Rose Tyler

Support staff

July 10, 2017 at 15:47

Hello,

Please see screenshots http://prntscr.com/ftwt51 http://prntscr.com/ftwtgs https://prnt.sc/ftwz5y

Regards,
Rose Tyler.

#167506 Copied

sergef24

Participant

July 10, 2017 at 16:32

the right widget goes to the left and want to get the Icons from the theme like in the mock up. The cart in the widget area display products but I want the search and cart icon and the news letter link doesn’t display

can I used some shortchode ?

#167516 Copied

sergef24

Participant

July 10, 2017 at 16:33

http://prntscr.com/ftxdrr

#167518 Copied

Rose Tyler

Support staff

July 11, 2017 at 07:48

Hello,

By default, these are not possible display top bar with this header type, so we add the css code. To display elements as you want now, you also need use custom code. Please provide link to your site and describe needed result, I will give you the example of code.

Regards,
Rose Tyler.

#167564 Copied

sergef24

Participant

July 11, 2017 at 15:59

what I did was put a custom menu on the sidebar and a empty main-menu but I don’t want arrows on the menu, I try to used some custom CSS but didn’t work also What’s is the best way to change the color of search and cart icons.

This is the Link

#167621 Copied

sergef24

Participant

July 11, 2017 at 16:00

http://www.michaelharlan.com/wp/home/

#167622 Copied
Rose Tyler

Support staff

July 12, 2017 at 09:27
Hello,

Please provide screenshot of the arrows in the menu.
Please use this code to change search color:
```
.fa-search {
    color: red;
}
```
To change the cart you can upload new image http://prntscr.com/funyht

Regards,
Rose Tyler.
#167701 Copied
sergef24

Participant

July 12, 2017 at 17:22

Rose Thank you I think I figure it out, one last question;
Is any function or what would be the best way to change the word “cart” to Shopper in all pages

#167769 Copied

Rose Tyler

Support staff

July 13, 2017 at 08:06

Hello,

You can change strings of theme via translation plugin https://www.8theme.com/demo/docs/classico/#translation http://xstore.helpscoutdocs.com/article/30-base-theme-translation

Regards,
Rose Tyler.

#167793 Copied

sergef24

Participant

July 13, 2017 at 15:42

Hey Thank You Rose
I also add css text content on the header bar but overlap the Cart icon do you know any solution this is the screen shot
http://prntscr.com/fv8x4d

and this is the link if you have time to check the site
http://www.michaelharlan.com/wp/story/

#167867 Copied

sergef24

Participant

July 13, 2017 at 15:45

http://prntscr.com/fv8x4d

#167870 Copied

sergef24

Participant

July 13, 2017 at 15:46

#167872 Copied

Rose Tyler

Support staff

July 13, 2017 at 16:09

Hello,

Please try to change your code to http://prntscr.com/fv98r0
position: absolute;
left: 50%;
top: 25px;
transform: translateX(-50%);

Regards,
Rose Tyler.

#167877 Copied

sergef24

Participant

July 19, 2017 at 13:45

The logo in the header links to home page but I’m using home page as an intro page how can I swicth the link from the logo to link to other page and same think for the Breadcrumbs and one more thing;

I’m using [share] shortcode in the footer in a static block but the function share the link to the static block page not the current page like in the demo

#168348 Copied

Rose Tyler

Support staff

July 19, 2017 at 13:58

Hello,

To change logo link and link in breadcrumbs you need to edit etheme_logo and etheme_breadcrumbs functions (located in theme-functions.php file). We recommend you to make changes in a child theme.

The question is a bit unclear. Could you provide link to your site?

Regards

#168350 Copied

sergef24

Participant

July 19, 2017 at 14:46

http://www.michaelharlan.com/wp/

#168356 Copied
1 2

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