Home › Forums › WoodMart support forum › Upgrade from 2.10.1 to 3.3
Upgrade from 2.10.1 to 3.3
- This topic has 51 replies, 4 voices, and was last updated 6 years, 1 month ago by Elise Noromit.
-
AuthorPosts
-
December 1, 2018 at 5:00 pm #93086
leonidasParticipantI want to upgrade from version 2.10.1 to 3.3
I have noticed that the file woocommerce.php (‘woodmart/inc/woocommerce.php’) which was present in 2.10.1 version was removed from 3.3
I need to replace a part of code (look at the image) which was inside that file with another one.
It was a custom work from another developer.
Regards LeonidasDecember 1, 2018 at 6:28 pm #93106
Elise NoromitMemberHello,
Have you added this code to the child theme?
Best Regards
December 1, 2018 at 6:36 pm #93109
leonidasParticipantI had changed the code directly inside woocommerce.php file.
The new modified code is little different from the previous one (image).
So now you removed it I don’t know where to use it.
What do you suggest?December 1, 2018 at 7:38 pm #93115
Artem TemosKeymasterYou can find this code in the folder
/inc/integrations/woocommerce/modules/swatches.php
December 2, 2018 at 10:03 pm #93312
leonidasParticipantHello
How we disable the top bar?Is there an option in the header builder?
RegardsDecember 3, 2018 at 7:20 am #93346
Elise NoromitMemberHello,
Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe
Choose the proper header type (your current) http://prntscr.com/iyd333
Remove the elements from the upper row: http://prntscr.com/iyd3h3
If you mean a header banner it is disabled in the Theme Settings > Shop > Header banner.
Best Regards
December 3, 2018 at 10:32 am #93381
leonidasParticipantThank you.
Do you know why I see the white space between the header and the page tile?December 3, 2018 at 12:20 pm #93397
Elise NoromitMemberHello,
You need to delete the custom code shown on the screen: http://prntscr.com/lq15tl
Best Regards
December 3, 2018 at 12:42 pm #93398
leonidasParticipantPerfect.
A long time ago you have given me a code on purpose to add an icon in the header.I wanted click on it to open a widget sidebar (check the video)The code:
function woodmart_header_block_cart() {
$position = woodmart_get_opt(‘cart_position’);
$design = woodmart_get_opt(‘shopping_cart’);
$extra_class = ”;if( woodmart_get_opt(‘shopping_icon_alt’) ) {
$extra_class .= ‘ woodmart-cart-alt’;
}if( $position == ‘side’ ) {
$extra_class .= ‘ cart-widget-opener’;
}if ( woodmart_woocommerce_installed() && $design != ‘disable’ ): ?>
<div class=”search-icon”><span class=”screen-reader-text”><?php esc_attr_e( ‘Search’, ‘woodmart’ ); ?></span>
<div class=”search-overlay”>
<div class=”search-inner”>
<?php
// Core WordPress function
echo do_shortcode(‘[isrc_ajax_search shortcode_id=1]’);
?></div>
</div>
</div><div class=”woodmart-shopping-cart woodmart-cart-design-<?php echo esc_attr( $design ); ?> <?php echo esc_attr( $extra_class ); ?>”>
“>
<span class=”woodmart-cart-wrapper”>
<span class=”woodmart-cart-icon”></span>
<span class=”woodmart-cart-totals”>
<?php woodmart_cart_count(); ?>
<span class=”subtotal-divider”>/</span>
<?php woodmart_cart_subtotal(); ?>
</span>
</span>
<?php if ( $position != ‘side’): ?>
<div class=”dropdown-cart”>
<?php// Insert cart widget placeholder – code in woocommerce.js will update this on page load
echo ‘<div class=”widget woocommerce widget_shopping_cart”><div class=”widget_shopping_cart_content”></div></div>’;?>
</div>
<?php endif ?>
</div>
<?php endif;
?>
<div class=”panel-icon”><i class=”fa fa-ellipsis-v”></i></div>
<?php
}You can find it inside the function.php file of child theme from line 1161 to 1212.
It is obvious that this code doesn’t work after the update.
Can you modify it so not to lose the previous function?
Regards LeonidasDecember 3, 2018 at 2:33 pm #93418
Artem TemosKeymasterCould you please describe the purpose of the code so we can see what we can do there?
December 3, 2018 at 3:05 pm #93437
leonidasParticipantMaybe it would be better to take a look at my first post.
December 3, 2018 at 3:10 pm #93443
Artem TemosKeymasterYou don’t need to use custom code for this. Just add any content to the header using our header builder functionality.
December 3, 2018 at 3:12 pm #93445
leonidasParticipantBut how I would do that and where should I integrate the code?
December 3, 2018 at 3:14 pm #93446
Artem TemosKeymasterYou can put it using Text/HTML block in WoodMart -> Header builder. Read more information about our header builder in the documentation https://xtemos.com/docs/woodmart/header-builder/
December 3, 2018 at 3:30 pm #93448
leonidasParticipantI believe you are talking about this. http://prntscr.com/lq5czg
I don’t know which part of the previous code to use.
I am not a developer so the only way now is to hire again a developer to do the same job.December 3, 2018 at 3:41 pm #93454
Artem TemosKeymasterSorry, but we don’t know since that code is not a part of the theme. The fact is that now it is much easier to add any of your custom codes to the header.
December 3, 2018 at 4:05 pm #93463
leonidasParticipantOk
Something else.In the past I wanted my clients to see the horizontal menu at resolution 1024(image 1).
For this purpose I have used the code you gave me:
@media (min-width: 1024px) and (max-width: 1024px){
header.main-header .main-nav,
header.main-header .search-extended,
header.main-header .widgetarea-head,
div.sticky-header .main-nav{
display: block;}div.header-left-side,
.mobile-nav-icon {
display: none;
}.right-column .woodmart-shopping-cart .woodmart-cart-totals {
font-size: 0;
}div.main-nav .item-level-0>a,
div.main-nav .menu>.menu-item-language>a {
line-height: 32px;
height: 32px;}div.wrapp-header > .site-logo {
margin-left: -25px;}.main-nav .sub-menu-dropdown {
margin-top: 19px;}}Now this code doesn’t work (image2)
How can I achieve the same result?December 3, 2018 at 5:45 pm #93487
Elise NoromitMemberHello,
Please delete the code and insert this one:
@media (min-width: 1023px) { body .whb-general-header-inner { height: 60px; } body .whb-visible-lg, body .whb-hidden-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } body .whb-hidden-lg { display: none; } }
Best Regards
December 3, 2018 at 6:48 pm #93506
leonidasParticipantThe code worked.
Also I have used the code below on purpose to change product layout:
@media (max-width: 2600px) and (min-width:1025px){
div.product-image-summary-inner, div.product-image-summary-wrap {
flex-wrap: wrap;}div div.product-image-summary-inner>.col-md-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;}div div.product-image-summary-inner>.col-md-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 90%;
width: 90%;
margin-top: 0px;
margin-bottom: 30px;
margin-left:40px;}}
@media (max-width: 1024px) and (min-width:768px){
div.product-image-summary-inner, div.product-image-summary-wrap {
flex-wrap: wrap;}
div div.product-image-summary-inner>.col-md-4 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;}div div.product-image-summary-inner>.col-md-8 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
width: 100%;
margin-top: 20px;
margin-bottom: 30px;}}– So from 2600 to 1025 I see the first video regarding the product layout.
– From 1024 to 768 the second videoWhat changed do I have to make to see the same layout like before the upgrade?
(that last two images represents the way I see the product right now from 1024 resolution and above.
Below 768 the product is fine.)December 4, 2018 at 7:04 am #93558
Artem TemosKeymasterTry to use one of those layouts that look exactly as you need https://gyazo.com/6d6c9abf8b7e02c8c41f72bf837e55cc
December 4, 2018 at 9:04 am #93635
leonidasParticipantNow I only have a problem at 1024 res.
Check the video.
I want to have the same layout at 1024 res as it is at 768December 4, 2018 at 12:21 pm #93696
Artem TemosKeymasterWe see that some code is already customized. Be sure that you don’t have any code added to the child theme and you didn’t customize the parent theme files also.
December 4, 2018 at 12:29 pm #93702
leonidasParticipantCan you please point me to that code?
December 4, 2018 at 12:53 pm #93714
leonidasParticipantI have removed all the custom code.
I want to see from 768 to 1024 res the same product layout that I see at 768res (image)
What code should I change?December 4, 2018 at 12:59 pm #93718
Artem TemosKeymasterStrange, but the single product page markup is still wrong. We don’t see CSS classes from our latest version.
December 4, 2018 at 1:14 pm #93728
leonidasParticipantHow do we make the product image full screen from 768 to 1024?I don’t want to see the thumbnails on the right between those two resolutions.
The first video was recorded from version 2.10.1
The second from the new version.December 4, 2018 at 1:24 pm #93731
leonidasParticipantEnabling that option made the image full screen in all resolutions which is something I don’t like.
I want like it was before with the only exception between those two resolutions.
Why we don’t change the media queries from 768 which is right now to 1024?December 4, 2018 at 1:51 pm #93741
Artem TemosKeymasterFirstly, you need to remove all the custom PHP code from the child theme to restore our original markup.
December 4, 2018 at 1:53 pm #93742
leonidasParticipantOk.
I have disabled the child theme.December 4, 2018 at 2:00 pm #93744
Artem TemosKeymasterOK, now you need to enable this option http://prntscr.com/lqk118
-
AuthorPosts
The topic ‘Upgrade from 2.10.1 to 3.3’ is closed to new replies.
- You must be logged in to create new topics. Login / Register