Shop Feedback

TomR · March 9, 2020

Dear thirtybees Community,

Longer than we expected. We finally launched our site. We have some challenges (see below). We would appreciate any feedback from you.

https://www.arttalesstudio.com/

CSM Pages are not showing on the footer, I know this was very simply but I seem to have memory blank

Edited March 9, 2020 by TomR

Acer · March 9, 2020

4 hours ago, TomR said:

Dear thirtybees Community,

Longer than we expected. We finally launched our site. We have some challenges (see below). We would appreciate any feedback from you.

https://www.arttalesstudio.com/

CSM Pages are not showing on the footer, I know this was very simply but I seem to have memory blank

Hi
Looking good 😀 Well done 😀 Just goes to show how nice a site you can build with vanilla (built-in theme) Thirtybees.
I like that you're using product attributes and combinations as well + "personalisation text".
Also, if you'd like to have a nice zoom effect on the product image, you can use the built-in JqZoom module:
Admin -> Preferences -> Products -> Scroll down to product page -> "Enable JqZoom instead of Fancybox on the product page" = On.

Also, not sure if you know this already, there is a setting that enhances Site Security as well:
Admin -> Preferences -> "Increase front office security' = Yes.

Hmm Regarding "CMS Pages not showing on the footer":
You can use TB's custom HTML block to show content on the footer: Admin -> HTML Block. Simply create an entry and select the Hook / position that you want this entry to be displayed on (Footer).

Just two other things I picked up:

Currently your main banner is pointing to a page with no products (no products on special on price drop)
Your link in your post is pointing to the Sitemap, and not the main site - maybe update this for the other community members.
Your contact form, and likely your back end Admin does not have a Captcha installed - this is a security + SPAM issue.
To fix: go to: Admin -> Modules -> Search for Captcha
Ensure that it's version 1.1.2 (if lower, then do update).
Register with Google recaptcha and enter site recaptcha keys + enable for User Registration, Admin and Contact form.

Enjoy and all the best of luck with your shop and your business. May you continue using Thirtybees and may your shop be prosperous! 😀😀

Edited March 9, 2020 by Theo

toplakd · March 9, 2020

You should try and enable following:

TomR · March 9, 2020

Thanks @Theo. 🙏
Added: Zoom effect (really like it), Front office security was already on (but kudos for the nudge), Working on the Footer HTML block (new to this method), updated special price to EOM (need to remember this redirect to be changed), Fixed the URL to home page instead of sitemap.
Other comments: Product attributes was the most tricky part preparing the store but at the end got to work exactly how it was intended. Still looking into some customization of product page and quick checkout. They are not 100% fluid in my opinion.

Thanks @toplakd.
Enabled suggested features 😁

wakabayashi · March 9, 2020

You have very nice products. Love them!

I just quickly checked the categories and products a bit. I believe, customized text should be improved. I would add that above addToCart Button.

Acer · March 9, 2020

@TomR You're welcome 😀 Yeah, I agree, the zoom feature is looking good - adding some extra pizzazz to the product images. Nice 😀

Also, site speed is really, really good - even before @toplakd's suggestions. Now, it's positively flying 😎

16 minutes ago, wakabayashi said:

I believe, customized text should be improved. I would add that above addToCart Button.

Agreed. You can do that + turn the sections into Tabs - especially on desktop. However, seeing that most users these days are browsing mobile, I'm not sure if tabs will make a noticeable difference for those users. There are plenty of tutorials out there that show you how to do tabs on the product page bytw.

And don't forget to enable and add the Recaptcha module to the Contact page, User registration and Admin login page.

Edited March 9, 2020 by Theo

TomR · March 9, 2020

Thanks @wakabayashi
Working on moving the customized text above addtocart. These steps are still tricky to me in thirtybees.

Thanks @Theo
Added the recaptcha (took me bit to figure it out, lessons learnt: 1) use v2, 2) tick (qualify recaptcha) within the admin page then save on each changes 😂
Agreed on tabs view, I think I came across it on one of the cart built on thirtybees. I'll do some research and continue my journey to refine the layout. In the meantime, please do paste reference links here if it allowed 😀.

Acer · March 10, 2020

Hi

Just a quicky:

To move the Customised text below the Add2cart:

In theme directory (probably niara): theme\niaria\product.tpl
Go to line 629 or find the text: {if isset($product) && $product->customizable}

Cut or take the entire if code block as below

{if isset($product) && $product->customizable}
          <section id="product-customization" class="page-product-box">
            <h3 class="page-product-heading">{l s='Product customization'}</h3>
            <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
              <p class="infoCustomizable">
                {l s='After saving your customized product, remember to add it to your cart.'}
                {if $product->uploadable_files}
                  <br> {l s='Allowed file formats are: GIF, JPG, PNG'}
                {/if}
              </p>

              {if $product->uploadable_files|intval}
                <div class="customizableProductsFile">
                  <h3>{l s='Pictures'}</h3>
                  <ul id="uploadable_files" class="list-unstyled clearfix">
                    {counter start=0 assign='customizationField'}
                    {foreach from=$customizationFields item='field' name='customizationFields'}
                      {if $field.type == 0}
                        <li class="customizationUploadLine form-group{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
                          {if isset($pictures.$key)}
                            <div class="customizationUploadBrowse">
                              <img src="{$pic_dir}{$pictures.$key}_small" alt="">
                              <a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >
                                <img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13">
                              </a>
                            </div>
                          {/if}
                          <div class="customizationUploadBrowse form-group">
                            <label class="customizationUploadBrowseDescription">
                              {if !empty($field.name)}
                                {$field.name}
                              {else}
                                {l s='Please select an image file from your computer'}
                              {/if}
                              {if $field.required}<sup>*</sup>{/if}
                            </label>
                            <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}">
                          </div>
                        </li>
                        {counter}
                      {/if}
                    {/foreach}
                  </ul>
                </div>
              {/if}

              {if $product->text_fields|intval}
                <div class="customizableProductsText">
                  <h3>{l s='Text'}</h3>
                  <ul id="text_fields" class="list-unstyled">
                    {counter start=0 assign='customizationField'}
                    {foreach from=$customizationFields item='field' name='customizationFields'}
                      {if $field.type == 1}
                        <li class="customizationUploadLine form-group{if $field.required} required{/if}">
                          <label for ="textField{$customizationField}">
                            {assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
                            {if !empty($field.name)}
                              {$field.name}
                            {/if}
                            {if $field.required}<sup>*</sup>{/if}
                          </label>
                          <textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}
                            {if isset($textFields.$key)}
                              {$textFields.$key|stripslashes}
                            {/if}
                          {/strip}</textarea>
                        </li>
                        {counter}
                      {/if}
                    {/foreach}
                  </ul>
                </div>
              {/if}
              <div id="customizedDatas" class="form-group">
                <input type="hidden" name="quantityBackup" id="quantityBackup" value="">
                <input type="hidden" name="submitCustomizedDatas" value="1">
                <button class="btn btn-lg btn-success" name="saveCustomization">
                  <span>{l s='Save'}</span>
                </button>
                <span id="ajax-loader" class="unvisible">
                 <img src="{$img_ps_dir}loader.gif" alt="loader">
                </span>
              </div>
            </form>
            <div class="form-group">
              <div class="help-block">
                <sup>*</sup> {l s='required fields'}
              </div>
            </div>
          </section>
        {/if}

Find the following: <div class="box-cart-bottom">
Then before the closing Div (the one just before the form: </div></form>), paste the if code block.
--- So pasted code should go here -- </div></form>
Then go to admin -> performance -> clear cache
The customisable text should now be below the Add2cart

Also, regarding the Tabs on the Product page:
You can try the old @Nemo tutorial. But you may have to make some adjustments. Personally I haven't tried it as I'm using SunnyToo's great Panda theme that has this built in (along with other great features).
http://nemops.com/prestashop-1-6-product-page-tabs/#.XmeZk_kzaUk

Panda Theme:
https://www.sunnytoo.com/product/panda-creative-responsive-prestashop-theme

Whoops:
In retrospect I see the request was to move the text above the Add2cart but my instructions was on how to move it just below the Add2cart. If you want the text to be above the cart, then move the code to the beginning of the Div tag.

Edited March 10, 2020 by Theo

Sign In

Shop Feedback

Recommended Posts

TomR

Link to comment

Share on other sites

Acer

Link to comment

Share on other sites

toplakd

Link to comment

Share on other sites

TomR

Link to comment

Share on other sites

wakabayashi

Link to comment

Share on other sites

Acer

Link to comment

Share on other sites

TomR

Link to comment

Share on other sites

Acer

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in