Return to previous page

Xstore Various - by vapejuicy - on WordPress WooCommerce support

This topic has 35 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Olga Barlow

vapejuicy

Participant

June 28, 2016 at 22:56

Hi,

1. On the mobile view shop their is a gap between the categories and default sorting – can this be removed

2. When you select a product the title in the big red header says HOME/”Category” it should say HOME/SHOP/Category

3. Can the size of the big red header them header be any smaller when on mobile view it takes 2/3 of the page

4. when you go to checkout the postcode is being repopulated with “VAPEJUICY” nobody is signed in

5. Cannot see anywhere to add a mail chimp form like in your demo footer

Thanks in advance

#131512 Copied WooCommerce version: 2.6.1

34 Answers
Olga Barlow

Support staff

June 29, 2016 at 09:41
Hello,

1) Add the following code in custom areas for tablet – mobile devices
```
.sidebar-widget.widget_product_categories {
    margin-bottom: -1px;
}
```
2) You can change it in Settings > Permalinks > Shop base

3) You can change padding for mobile devices only. Add custom css in appropriate areas
```
.et-header-overlap .page-heading, .et-header-overlap .page-heading.bc-size-small {
    padding-top: 11.14em;
    padding-bottom: 2.71em;
}
```
4. Don’t understand. Could you explain in details?
5. Create the static block with 4 columns. Edit last column and set red bg. Add text block into the last column with the following content
```
<h3 style="color: white; text-align: center; font-weight: 900; line-height: 1.1; font-size: 1.55rem;">JOIN XSTORE NEWSLETTER</h3>
<p style="color: rgba(255,255,255,0.7); text-align: center; line-height: 1.4;">You can be always up to date with our company news!</p>
<p style="text-align: center;">[mc4wp_form]</p>
<p style="color: rgba(255,255,255,0.7); text-align: center; line-height: 1.4;">*Don’t worry, we won’t spam our customers mailboxes</p>
```
Regards
#131593 Copied
vapejuicy

Participant

June 29, 2016 at 10:11

Hi Olga,

1. resolved
2. resolved
3. resolved
4. ignore me 🙂
5. Will test and let you know

Now however on the product page there is a product beneath the static block that was not there before

Also is it possible to increase the size of the font on the text of the categories (beneath choose a category) on the mobile home page

Also would like to hide the search bar on mobile could you please provide code and I will add – 🙂

Sorry for all the questions.

Chris

Thanks again

#131613 Copied

vapejuicy

Participant

June 29, 2016 at 10:13

Hi,

Also on the shop page on mobile, when you hover over a product it displays the three black icons at the bottom (magnify glass, basket, wishlist) -they are now appearing squashed on the mobile.

Thanks

#131615 Copied

vapejuicy

Participant

June 29, 2016 at 10:40

Hi – Added the subscribe form – looks great thanks – can the + sign change to a button that says subscribe?

Thanks

#131626 Copied

vapejuicy

Participant

June 29, 2016 at 10:41

Hi – And the enter your email address is on the left, can this be centered as I want it full width?

#131628 Copied
Olga Barlow

Support staff

June 29, 2016 at 10:48
Hello,

Add
```
.mc4wp-form input[type="submit"] {
    width: auto;
    font-size: 15px;
    background: none;
    opacity: 1;}
.mc4wp-form input[type="submit"]:hover {
    color: your-color;
    background-color: your-color !important;}
```
Regards
#131629 Copied
vapejuicy

Participant

June 29, 2016 at 10:52

Sorry Olga – Where do I add this.. 🙂

#131631 Copied

Olga Barlow

Support staff

June 29, 2016 at 11:16

In global custom css area (Theme Options > Styling > Custom CSS).

Reagrds

#131640 Copied

vapejuicy

Participant

June 29, 2016 at 12:50

Hi Olga,

Thanks! Added this, now have a subscribe button – but font colour for ‘SUBSCRIBE’ is black – can this be changed to red?

The layout for this looks ok on mobile (apart from SUBSCRIBE font colour) but on desktop email field and subscribe need to be closer together.

Also on the shop screen there is no a rogue product below the static block

Thanks

Chris

#131671 Copied

vapejuicy

Participant

June 29, 2016 at 13:09

Ok – I have fixed the rogue product – my fault again 🙂

Just the alignment on subscribe panel for desktop and can we make the categories font a bit bigger on mobile shop page?

Cheers

#131675 Copied

Olga Barlow

Support staff

June 29, 2016 at 14:35

Hello,

You asked me it before and I sent you the code http://prntscr.com/bmkvjs

You can use Inspector of elements (Chrome built in tool) to find out what you should change. Then copy only the necessary part of code or add the new one!!! and add in custom css to override existing styles http://prntscr.com/bmkuj4
In your case you need to add color:white .

I gave you a point to the right direction with style changes and you can do them by yourself because individual customization is not included in our support. Feel free to ask me about all theme options or fixing the problems but additional customization is out of the scope of our support. You need to have base css skills if you want to change some special font-sizes, font-colors etc.

Regards

#131693 Copied

vapejuicy

Participant

June 29, 2016 at 15:28

Thanks Olga for all your help – please can you look why the shop page product icons are now squashed – the ones on the products that display the basket, wish list and details

Thanks 🙂

#131706 Copied

vapejuicy

Participant

June 29, 2016 at 16:12

Also, in mobile view.

When you do a search from the mobile menu, and a product does not exist – the ‘NO PRODUCTS WERE FOUND’ page does to fit the screen in mobile view

Thanks

#131717 Copied

vapejuicy

Participant

June 30, 2016 at 08:18

Hi Olga,

I have turned off the hover icons for now.

1. I want to turn off wish list functions- when I do this from the YITH panel the two icons remain in the headers – how can I turn off wish list and remove all the heart icons, in the header there will be a blank box so can the search be put there?

2. When you do a search from the mobile menu and no products are returned the ‘no products returned’ page is to big for the mobile view

Thanks

Chris

#131819 Copied
Olga Barlow

Support staff

June 30, 2016 at 10:47
Hello,

1) Provide screenshot and highlight problem with icons, because I don’t see issues.
2) Go to Plugins > Disable Wishlist plugin if you don’t need it. I have also added quick fix for hover button and we also will fix it in our update.
3) To change size of the icon and text add the following code into mobile custom css areas
```
/*--- No results page responsive ---*/

.empty-category-block {
    padding-top: 170px;
}
.empty-category-block:before {
    font-size: 170px;
}
.empty-category-block h2 {
    font-size: 1.57rem;
    line-height: 1;
}
```
Regards
#131858 Copied
vapejuicy

Participant

June 30, 2016 at 11:08

Hi Olga,

I have disabled the product hover icons because they are all inconsistent.

However – they are still showing on the home page on all devices – can these be consistent so I can turn it back on?

Also the product search results from the menu on mobile still does not fit on the screen when no products match.

The wishlist is all gone now thanks 🙂

Thanks

Chris

#131864 Copied

vapejuicy

Participant

June 30, 2016 at 11:29

Hi Olga,

Also on the home page on your mobile demo – under product categories there are two rectangular boxes – 1 is light blue and says accessories with a watch in it, and the other is purple with woman written on it.

Every time I try and create these with call to action boxes they are full width on mobile view, can I get three boxes on the screen on mobile view with call to action?

Thanks

#131873 Copied

vapejuicy

Participant

June 30, 2016 at 14:39

Hi – got rid of the icons using:

.content-product .product-image-wrapper .footer-product {
display: none;
}

is this ok?

Just need to fix the search issue now – can you assist?

#131931 Copied

Olga Barlow

Support staff

June 30, 2016 at 14:41

Hello,

1) Please, provide screenshot of your problem with icons, I can understand what you are talking about. All the settings for product hover you can find in Theme Options > E-Commerce > Product Page Layout http://prntscr.com/bn1pjg
If you use Products element on home page or any other page you can also find option to enable/disable/change hover of product.

2) What size it should be? Provide Screenshot how it should be.

3) We used custom carousel element to create such layout. You can change the settings http://prntscr.com/bn1lrd Or even don’t use carousel if you don’t need it. Just move banners out of that element and create the row with 3 columns. As a rule, every column is full width on mobile, if you don’t like it you can change its width on different devices http://prntscr.com/bn1o17 Everything depends on the end result you need.

Regards

#131934 Copied
1 2

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