Return to previous page

Add expert description between image and add to cart button on shop page layout

This topic has 23 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Rose Tyler

murmoon

Participant

July 16, 2019 at 14:53

How can I add expert description between image and add to cart button on shop page layout? like here: https://cherepovets.sushifoods.ru/роллы-классические/

#217197 Copied Theme version: 5.4 WooCommerce version: 3.6.5

22 Answers
Olga Barlow

Support staff

July 16, 2019 at 16:00
Hello,

Copy xstore/woocommerce/content-product.php file to the child theme and
```
<div class="product-excerpt">
    <?php echo do_shortcode(get_the_excerpt()); ?>
</div>
```
next to product title code http://prntscr.com/ofu38g
After that add the following CSS to show the short description on grid
```
.products-grid .product-excerpt {
    display: block;
}
```
Regards
#217199 Copied
murmoon

Participant

July 16, 2019 at 20:02

How to show product-excerpt only in grid?
Now in list product-excerpt is shown twice.

#217206 Copied

Rose Tyler

Support staff

July 17, 2019 at 07:18

Please provide us with URL os the page with the list view, we will give you custom CSS code to remove one of the excerpts there.

Regards

#217221 Copied

murmoon

Participant

July 23, 2019 at 08:01

https://cherepovets.sushifoods.ru/product-category/меню-япония/роллы/роллы-жаренные/роллы-жаренные-с-морепродуктами/?view_mode=list

#217537 Copied

murmoon

Participant

July 23, 2019 at 08:30

I have 2 more questions and think it is not need to open new topic.

1st ) I set ‘add to cart’ rounded via your theme setting. And find our a ‘mistake’ in Quick View. For simple products everything is Ok. But for variable products is not customized. How can I fix it?
– screenshot: https://www.dropbox.com/s/i4ltnsy2s79z61p/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-07-23%2010.09.32.png?dl=0
– link to variable products: https://cherepovets.sushifoods.ru/пицца/

2nd ) How/where can I make this field rounded like in your demo?
– screenshot: https://www.dropbox.com/s/tarer2aijtaht04/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-07-23%2010.12.57.png?dl=0

#217538 Copied

murmoon

Participant

July 23, 2019 at 14:48

3rd question ) I set Turn on to disable ability to buy products via removing “Add to Cart” buttons. But instead of remove “Add to Cart” button I get “Show Details” button. Is it possible to remove “Add to Cart” without getting any other button, like in WooPress?

#217575 Copied
Olga Barlow

Support staff

July 23, 2019 at 18:50
Hello,

Edit the same file and remove the excerpt for the list mode http://prntscr.com/oj18mq

1) Provide us with Dashboard access to your site, we need to check the settings.
2) Use the custom code
```
div.quantity .minus {
    border-radius: 50px 0 0 50px;
}
div.quantity .plus {
    border-radius: 0 50px 50px 0;
}
```
3) Do you want to disable it for the shop page only then go to Theme Options > Shop > Product Styles > http://prntscr.com/oj1b8e If you want to disable option to buy the products for the whole site then enable Catalog mode http://prntscr.com/oj1bxd

Regards
#217588 Copied
murmoon

Participant

July 25, 2019 at 09:17

1) for “1st” I provide you with Dashboard access to my site.

3) yes, I want to disable option to buy the products for the whole site and I enable Catalog mode. In this case instead of “Add to Cart” button I get “Show Details” button. Is it possible to not to get “Show Details” button (hide any button) like in your other theme WooPress?

4) new question: when I set ‘List’, I get one column on mobile. So is it possible to show ‘List’ on mobile and ‘Grid’ on desktop? Or how can I set one column for ‘Grid’ on mobile?

Please contact administrator
for this information.

#217691 Copied

murmoon

Participant

July 25, 2019 at 15:41

5) How/where can I translate “add to cart” button and text “clear” for Variation swatches?
Please see link https://cherepovets.sushifoods.ru/product-category/меню-бургер/шаверма/

#217721 Copied
Olga Barlow

Support staff

July 25, 2019 at 17:10
Hello,

1) Need also FTP access to fix code.
3) Just disable it in Theme Options > Shop > Product layout http://prntscr.com/ojzlhe
4) There is no option to show list for mobile and grid for the desktop but you can make product 100% width, just add the following code to child theme style.css
```
@media only screen and (max-width: 480px){
   .products-grid .product {
       width: 100% !important;
   }
}
```
5) Translate XStore core plugin http://prntscr.com/ojzo13

Regards
#217736 Copied
murmoon

Participant

July 25, 2019 at 17:23

1) here is FTP access

Please contact administrator
for this information.

#217739 Copied

Olga Barlow

Support staff

July 25, 2019 at 18:15

Hello,

Check now.

Regards

#217746 Copied

murmoon

Participant

July 25, 2019 at 21:17

Thank you,

1) Can it be rounded too? How/where can I set it myself next time?
https://www.dropbox.com/s/go4ql7q0df9mzxc/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-07-25%2023.15.30.png?dl=0

#217755 Copied

Olga Barlow

Support staff

July 26, 2019 at 13:55

Hello,

Border radius also should work but we can’t re-save theme options to generate correct styles http://prntscr.com/okdv9z
What changes did you do during last day? Did you enable/disable any plugins? Every WP page has js errors http://prntscr.com/okdwli Fix this, please.

Regards

#217784 Copied

murmoon

Participant

July 26, 2019 at 14:33

The buttons is black again: https://www.dropbox.com/s/zg0xiumwxx0ba4d/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-07-26%2016.26.58.png?dl=0

I updated some plugins and after that get problem with WP-Rocket. Waiting answer from WP-Rocket’s support. I did not install or activate any new/other plugins.
Just now I reboot Droplet clean all cache.

#217788 Copied

Olga Barlow

Support staff

July 26, 2019 at 16:05

Hello,

Fixed. Changes were made in theme-functions.php and theme-options.php files.

Regards

#217800 Copied

murmoon

Participant

July 27, 2019 at 08:54

Thank you for your help.

6) For mobile with Default Product content effect. I like Default Product content effect. «quick view» button is big enough to tap it by finger, but it cover large part of image.

Is it possible to move «quick view» button under image? Locate «quick view» button between image and title. There is enough space.

https://www.dropbox.com/s/x71dov9icsvrv5g/IMG_5625.PNG?dl=0

#217829 Copied
Olga Barlow

Support staff

July 29, 2019 at 09:34
Hello,

Add the custom
```
.footer-product {
     bottom: -5px;
}
```
Regards
#217873 Copied
murmoon

Participant

August 3, 2019 at 09:51

Please see the link for search with “No items matched your search” result. Buttons text has same color with background. Where or how can I set this button? Or can you make text white?
https://cherepovets.sushifoods.ru/?s=лойцивлойцивлойци&post_type=product

#218379 Copied

Rose Tyler

Support staff

August 3, 2019 at 09:57

Hello,

Please open up new topics for new questions – http://prntscr.com/onsjy8 https://www.8theme.com/forums/xstore-wordpress-support-forum/

Theme Options > Styling > Customize buttons > Customize > Light buttons options > Buttons text colors > Regular.

Regards

#218380 Copied

murmoon

Participant

August 3, 2019 at 16:50

This in not “Light buttons”
“Light buttons” are setup fine.
https://www.dropbox.com/s/5pmmh1xhf7ywkxs/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-08-03%2018.46.32.png?dl=0

Can you check and assist?

#218413 Copied
Rose Tyler

Support staff

August 4, 2019 at 07:51
Hello,

Here is custom CSS code:
```
.empty-category-block .btn {
    color: white;
}
```
do not forget to clear cache before checking the result.

Regards
#218432 Copied
Viewing 23 results - 1 through 23 (of 23 total)